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,太麻烦了。
相关文档:
转载自:div+css优点
http://blog.sina.com.cn/s/blog_4fe1e5e90100bdtk.html
最近面试了多家公司...有个关于div+css布局好处的问题,问了好多次..我回答了一些,但是不太全面..
今天从网上系统的搜索到了一些,参考
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码;CSS是CascADIng style Sh ......
一 关于css的id选择符
每个html的元素都包含一个id属性,该属性是唯一的,可以唯一标示一个元素,我们就可以选择更具体的元素。is属性由井号加id组成。
p#bulletinContent
{
color:Yellow ;
background-color:Maroon ;
}
html界面如下:
&l ......
注释用/**/。
不要在属性值与单位之间留有空格。假如你使用 “margin-left:20 px” 而不是 “margin-left:20px” (20和px之间有空格),它仅在 IE 6 中有效,但是在 Mozilla/Firefox 或 Netscape 中却无法正常工作。
外部样式表引用方式:<link rel="stylesheet" type="text/css" href="mystyle.cs ......
從上到下
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; ......
1.直接加在对象上
<html>
<head>
<title>title</title>
</head>
<body>
<span style="color:red">red</span>
</body>
</html>
2.加到页面头部
<html>
<head>
< ......