文章列表
<!DOCTYPE html >
<html >
<head >
<meta charset="utf-8" />
<title>利用相对定位(position:relative)实现导航li宽度自适应</title>
<style>
ul,li{
margin:0;
padding:0;
list-style:none;
}
#macji{
width:100%;
height:80px;
background-color:#eee;
text-align:center;
overflow: ...
最近在看html5和css3,摘一些看到的好东东放一起,方便以后查阅。
阴影效果
阴影效果接受多个参数值。第一个是阴影的颜色,它还接受另外四个长度(lenght)值,前两的长度值分辨是X(水平)偏移量和Y(垂直)偏移量。接下一个参数是反映模糊度的数值。第四也是最后一个值是用来定义模糊的散布程度。
box-shadow: #333 3px 3px 4px;
-moz-box-shadow: #333 3px 3px 4px;
-webkit-box-shadow: #333 3px 3px 4px;
渐变效果
CSS3的渐变样式刚开始很容易让人混淆,尤其-moz 和-webkit的渐变之间还存 ...