快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

css样式粉色,css粉红色

怎么用div布局加css样式做网页

这是很大的问题,建议购买DIV+CSS相关的书籍仔细学习,这里只能给出一个例子,仅供参考,希望能帮助到你:

创新互联,专注为中小企业提供官网建设、营销型网站制作、响应式网站设计、展示型网站制作、网站设计等服务,帮助中小企业通过网站体现价值、有效益。帮助企业快速建站、解决网站建设与网站营销推广问题。

在桌面建立一个index.htm的文件和main.css的文件,当然你也可以不用main.css的文件,但是为了方便操作,还是建一个吧。只要把记事本另存为就可以了。

做好这两个文件后我们把网页的基础代码写上去,并使index文件受到main.css的控制,我们右键选择用记事本打开index文件输入代码,并在head里写上link href="main.css" type="text/css" rel="stylesheet"使它受到main.css控制

html

head

title/title

/head

body

/body

/html

下面我们去main.css写一些属性看看是不是能控制index文件。我希望整个页面是粉色的,看上去温馨,我在main.css里写上*{background:#FF66FF}看看。我们打开index文件看看是不是在浏览器上是不是粉色的。在浏览器上是粉色的,表示已经受到css样式表的控制了。

下面我们进行布局一般网页都是3层一级,所以我们需要div布局了在body里面写一般我会先分为3层

html

head

title/title

link href="main.css" type="text/css" rel="stylesheet"

/head

body

div id="top"

div id="top1"/div

div id="top2"/div

div id="top3"/div

/div

/body

/html

布局好后我们需要去定义属性了,这里我只是简单的定义了一下

*{background:#FF33FF}

#top{background:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto}

#top1{background:#66FFFF; height:50px; width:800px;}

#top2{background:#FF00CC; height:400px; width:800px}

#top3{background:#FF9933; height:550px; width:800px}

定义好了我们打开预览一下看看,图片是不是居中和分成3块了。当然,颜色只是为了方便看清楚,可以不写。

其实做网页就是不断的画框,只要知道布局和定义属性就可以了,下面我们就整个做一下,因为我的有一些是一样的,可以用class调用,class=baidu这个只是随便写的,你爱等于什么就等于什么

html

head

title/title

link href="main.css" type="text/css" rel="stylesheet"

/head

body

div id="top"

div id="top1"这里都是我截图的照片/div

div id="top2"

div class="baidu"/div

div class="baidu"/div

/div

div id="top3"

div class="baidujingyan"/div

div class="baidujingyan"/div

/div

/div

/body

/html

下面我们再去定义他的属性,当然我只是简单的定义一下

*{background:#FF33FF}

#top{background:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto}

#top1{background:#66FFFF; height:50px; width:800px; text-align:center; line-height:50px; font-size:30px}

#top2{background:#FF00CC; height:400px; width:800px}

#top3{background:#FF9933; height:550px; width:800px}

.baidu{background:#FF6666; height:380px; width:380px; float:left; margin:10px}

.baidujingyan{background:#FFCC00; height:530px; width:380px; float:left; margin:10px;}

因为我这个是我截图相册的网页,下面我们就放照片吧,这里我偷个懒,把照片都放在桌面了,所以不用连接照片地址了。

html

head

title/title

link href="main.css" type="text/css" rel="stylesheet"

/head

body

div id="top"

div id="top1"这里都是我老婆的照片/div

div id="top2"

div class="baidu"img src="QQ图片20141212090452.jpg"/div

div class="baidu"img src="QQ图片20141212090346.jpg"/div

/div

div id="top3"

div class="baidujingyan"img src="QQ图片20141212090224.jpg"/div

div class="baidujingyan"img src="QQ图片20141212090255.jpg"/div

/div

/div

/body

/html

如果图片不在同一层目录,就需要连接到图片地址

这样一个网页就做好了,如果需要制作精美的网页,就需要不断的进行div布局和css样式的规定了。

下面我来说说网页制作的定义,网页的制作只要会使用div不停的布局,不停的定义他的属性,基本静态的网页就是这样做出来的

如何用DIV+CSS进行网页样式布局

一、选择“div标签”命令

打开dreamweaver,新建网页并保存为“die.html”,选择【插入】【布局对象】【div标签】命令,打开“div标签”对话框。

二、输入div标签名称

1、在“ID”列表框中选择“top”

2、单击“新建css规则”按钮准备进行css规则定义

三、新建css规则

在打开的对话框中保持默认设置,单击“确定”按钮进行css规则新建。

四、设置属性

1、在“分类”列表框中选择“方框”选项。

2、在窗口右侧进行css规则定义,其中margin值的设置非常重要,“left”及“right”为auto,则可让div页面水平居中。

3、单击“确定”按钮。

五、创建div按钮

返回“插入div标签”,单对话框,单击“确定”按钮,完成div标签的插入

六、查看创建的div

将鼠标光标定位在div,即可想编辑普通网页一样完成文本的编辑及图像等内容的添加。

在css中深粉色的代码是什么

html

head

meta charset="utf-8"

/head

body

P style="color:#ea68a2;"在css中深粉色的代码是什么/P

/body

/html

以上代码效果:

#后面加上PS取深红色的颜色值

css怎么让粉色只出现在段落1的背景色上,而不是整行的背景色上

只能在里面加一个宽度不设置的div然后设置背景色,

在无宽的div中写字

CSS修改字体颜色问题

文字有给链接(a标签)吗?

没有的话就这样试试

.one{

color:#000;}

.one

.two

span{

color:red}

div

class="one"

p

class="two"

span文字颜色/span

/p

/div

CSS里有pink这个颜色属性吗?

pink就是粉红色咯,比如下面的div底色就是pink:

div style="width:100px; height:100px; background-color:pink"/div

用颜色值来表示就是:

div style="width:100px; height:100px; background-color:#FFC0CB"/div

用RGB值来表示就是:

div style="width:100px; height:100px; background-color:rgb(255,192,203)"/div


分享标题:css样式粉色,css粉红色
转载来源:http://6mz.cn/article/dsgeehp.html

其他资讯