CSS是現代網頁開發中至關重要的一部分,CSS可以控制網頁的外觀和布局。在CSS中,有各種各樣的樣式屬性,這些屬性可以控制網頁中的文本、圖片、邊框、間距等各種元素。以下是一些常用的CSS樣式屬性大全:
/* 文本屬性 */ font-size: 14px; /* 字號 */ color: #666666; /* 文本顏色 */ text-align: center; /* 文本對齊方式 */ text-decoration: underline; /* 文本下劃線 */ /* 圖片屬性 */ width: 300px; /* 圖片寬度 */ height: 200px; /* 圖片高度 */ background-image: url('image.jpg'); /* 背景圖片 */ /* 邊框屬性 */ border: 1px solid #CCCCCC; /* 邊框 */ border-radius: 5px; /* 圓角邊框 */ box-shadow: 2px 2px 2px #CCCCCC; /* 陰影 */ /* 布局屬性 */ display: block; /* 塊級元素 */ float: left; /* 浮動元素 */ position: absolute; /* 絕對定位 */ margin: 10px; /* 外邊距 */ padding: 5px; /* 內邊距 */ /* 列表屬性 */ list-style: none; /* 列表無符號 */ list-style: decimal; /* 列表有序 */ list-style-image: url('icon.png'); /* 列表符號圖片 */ /* 超鏈接屬性 */ a:link { color: #0000FF; } /* 未訪問鏈接 */ a:hover { color: #FF0000; } /* 鼠標懸停鏈接 */ a:active { color: #00FF00; } /* 激活鏈接 */
以上只是一部分CSS樣式屬性,這些屬性可以讓網頁變得更加美觀和實用,當然還有更多其他的CSS樣式屬性。掌握這些CSS樣式屬性,可以讓你在網頁開發中事半功倍。
下一篇dw css樣式定義