ID:43785381
大小:629.00 KB
页数:41页
时间:2019-10-14
5、ackground-image:url(../images/home_02.gif);}#logo#contactUS{float:right;height:30px;width:150px;margin-top:40px;color:#FFF;}6.在ID为“contactUs”的Div层按“Enter”键创建两个段落(即p标签),在第1个段落中插入图像“twitter.gif”,在第2个段落中输入文本“欢迎与我们联系”。在“main.css”文档中为两个p标签设置高度、浮动、边距等CSS样式代码。代码如下所示。#logo#contactUSp{height:30px
6、;display:inline;line-height:30px;margin:0;float:right;padding:0;}7.在ID为“nav”的Div层中输入“首页”,然后单击“属性”面板中的按钮,出现项目列表符号,按“Enter”键,出现下一个项目列表符号,在项目列表符号后再输入“服务”,以此类推,分别输入“产品”、“关于我们”、“博客”、“联系我们”。分别选择上面所建项目列表的6个文本,在“属性”面板中“链接”文本框中输入“#”。在“main.css”文档中为ID为div、定义项目列表(ul标签、li标签)及链接文本和鼠标经过时文本变化的样式属性。代码如下
7、所示。#nav{width:809px;height:45px;margin:096px;background-color:#000;}#navul{width:809px;margin:0;padding:0;list-style:none;height:45px;}#navulli{width:134px;float:left;height:45px;margin:0;padding:0;text-align:center;}#navullia:link,#navullia:visited{line-height:45px;color
此文档下载收益归作者所有