能夠使用 background-color: 屬性爲元素設置背景色。css
body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)}
若是但願背景色從元素中的文本向外少有延伸,只需增長一些內邊距:css3
p {background-color: green; padding: 20px;}
若是須要設置一個背景圖像,必須爲這個屬性設置一個 URL 值:字體
body {background-image: url(/i/eg_bg_04.gif);} 大多數背景都應用到 body 元素,不過並不只限於此。
字體url
body{font-family:"微軟雅黑";} body{font-family:"Microsoft Yahei";}
字號、顏色spa
body{font-size:12px;color:red;}
粗體、斜體code
p span{font-weight:bold;} p a{font-style:italic;}
下劃線、刪除線ci
p a{text-decoration:underline;} p{text-decoration:line-through;}
縮進it
p{text-indent:2em;}
行間距(行高)io
p{line-height:2em;}
中文字間距、字母間距im
h1{letter-spacing:50px;}
單詞間距
h1{word-spacing:50px;}
對齊
h1{ text-align:center;} 居中 h1{ text-align:left;} 左對齊 h1{ text-align:right;} 右對齊
圓角邊框
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; }