精通 CSS+DIV 网页样式与布局 134
2016-12-29 16:22
525 查看
globallink{
width:798px;height:320px;
margin:0px;
background-image:url(banner.jpg); /* banner 图片 */
background-repeat:no-repeat;
font-size:12px;
padding-bottom:40px;
}
globallink ul{
list-style-type:none;position:absolute; /* 绝对定位 */
display:inline;
width:574px;
left:112px; top:320px;
padding:0px; margin:0px;
height:45px;
background-image:url(toplink.jpg); /* 导航菜单的背景图片 */
}
globallink li{
float:left;text-align:center;
padding-top:10px;
}
globallink ul li#one, #globallink ul li#two, #globallink ul li#three{ width:80px;}
globallink ul li#four, #globallink ul li#five, #globallink ul li#six{ width:110px;}
globallink a:link, #globallink a:visited{
color:#FFFFFF;text-decoration:none;
}
globallink a:hover{
color:#000000;text-decoration:none;
}
parameter{
position:relative;float:right;
font-size:12px;
width:163px;
padding:0px 118px 0px 0px; /* 空出右边的字画 */
margin:0px;
color:#e1ad80;
}
相关文章推荐
- 精通CSS.DIV网页样式与布局(六)——页面和浏览器元素
- 精通CSS.DIV网页样式与布局(二)
- 精通 CSS+DIV 网页样式与布局 14
- 精通 CSS+DIV 网页样式与布局 16
- 精通 CSS+DIV 网页样式与布局 7
- 精通CSS.DIV网页样式与布局(七)——制作实用菜单
- 精通 CSS+DIV 网页样式与布局 18
- 精通 CSS+DIV 网页样式与布局 1 什么是样式表
- 精通 CSS+DIV 网页样式与布局 21
- 精通 CSS+DIV 网页样式与布局 20
- 精通CSS.DIV网页样式与布局(二)—— 段落
- 精通 CSS+DIV 网页样式与布局 8
- 精通 CSS+DIV 网页样式与布局 15
- 精通 CSS+DIV 网页样式与布局 2 Selector -- 选择符
- 系列文章--精通CSS.DIV网页样式与布局学习
- 精通CSS.DIV网页样式与布局(八)——滤镜的使用
- 精通 CSS+DIV 网页样式与布局 12
- 精通 CSS+DIV 网页样式与布局 4
- 精通CSS.DIV网页样式与布局(一)
- 精通 CSS+DIV 网页样式与布局 13