CSS随笔

1.设置背景颜色

可以使用 background-color： 属性为元素设置背景色。

body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}

如果希望背景色从元素中的文本向外少有延伸，只需增加一些内边距：

p {background-color: green; padding: 20px;}

2.设置背景图像

如果需要设置一个背景图像，必须为这个属性设置一个 URL 值：

body {background-image: url(/i/eg_bg_04.gif);}

大多数背景都应用到 body 元素，不过并不仅限于此。

3.文字排版

字体

body{font-family:"微软雅黑";}
body{font-family:"Microsoft Yahei";}

字号、颜色

body{font-size:12px;color:red；}

粗体、斜体

p span{font-weight:bold;}
p a{font-style:italic;}

下划线、删除线

p a{text-decoration:underline;}
p{text-decoration:line-through;}

4.段落排版

缩进

p{text-indent:2em;}

行间距（行高）

p{line-height:2em;}

中文字间距、字母间距

h1{letter-spacing:50px;}

单词间距

h1{word-spacing:50px;}

对齐

h1{ text-align:center;}  居中
h1{ text-align:left;}    左对齐
h1{ text-align:right;}   右对齐

5.css3边框

圆角边框

div{
　　border:2px solid;
　　border-radius:25px;
　　-moz-border-radius:25px; /* Old Firefox */
}

CSS3 边框阴影

div{
　　box-shadow: 10px 10px 5px #888888;
}

CSS3 文本阴影

h1{
　　text-shadow: 5px 5px 5px #FF0000;
}