css複合樣式的寫法是透過空格的方式實現的；複合寫法有的是不需要關心順序，例如「background、border」；有的是需要關心順序，例如「font」。
本文操作環境：windows7系統、css3版，DELL G3電腦。
CSS複合樣式
一個CSS屬性只控制一種樣式，叫做單一樣式。
一個CSS屬性控制多種樣式，叫做複合樣式。
複合樣式
複合的寫法，是透過空格的方式實現的。複合寫法有的是不需要關心順序，例如background、border；有的是需要關心順序，例如font。
1、backgroud ：red url() repeat 0 0; 2、border:1px red solid; 3、font:
註：最少需要兩個值：size family
weight style size family style weight size family weight style size/line-height family
註：盡量不要混寫，如果非要混合，那麼一定要先寫複合樣式再寫單一樣式。
推薦：《css影片教學》
實作
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS复合样式</title>
<style>
div {
width: 300px;
height: 300px;
background: greenyellow url("img/gougou.jpg") no-repeat center center;
border: dashed 2px blue;
font: bold italic 30px/50px 宋体;
}
</style>
</head>
<body>
<div>
MW
</div>
</body>
</html>效果圖
以上是css複合樣式怎麼做的詳細內容。更多資訊請關注PHP中文網其他相關文章！
