CSS 制作菜单栏
1、如何用ul制作一行菜单
<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
<p>
样式:
<style type="text/css">
ul{
float:left;margin:auto;padding:auto;width:800px;list-style-type:none;
}
ul li{
display:inline;
}
ul li a{
float:left;padding-left:10px;padding-right:10px;color:#00FF00;background-color:#6600FF;text-decoration:none;border-right:1px solid white
}
a.hover{
background-color:#CC0099;
}
</style>
关键点:display:inline----使得li能连接在一起,以前一直设置li float:left,太麻烦了。
相关文档:
一 关于css的id选择符
每个html的元素都包含一个id属性,该属性是唯一的,可以唯一标示一个元素,我们就可以选择更具体的元素。is属性由井号加id组成。
p#bulletinContent
{
color:Yellow ;
background-color:Maroon ;
}
html界面如下:
&l ......
1.div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然
后插入文字,就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方
案是在这个div里面加上display:inline;
例如:
<#div ......
转自:http://www.boy110.com/csslimitedwidth/ CSS限制图片最大宽度,兼容IE6/IE7/IE8/FF,用做管理后台应该没问题! 我们在制作一个网页的时候,经常要对一个区域里可能出现的图片的宽度进行限制,不然它可能会把页面撑得很烂很烂。
如果你采用固定宽度,长度来设置的话,比如在 200 ? "200px" : this.wid ......
链接方法:
外部链接样表:<head><link rel="stylesheet" type="text/css" href="*.css"></head>
内部的:1:<head><style type="text/css"> example css </style></head>
&nbs ......
從上到下
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
} 二、从左上至右下渐变
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue; ......