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进行页面布局的方法,包括全局链接区域的尺寸设置、背景图片的应用、导航菜单的位置摆放以及字体颜色等关键样式属性。通过具体的样式规则,展示了如何实现精确的网页布局效果。
1万+

被折叠的 条评论
为什么被折叠?



