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;
}