在網頁設計中,CSS是一個不可或缺的部分。在CSS中,有許多常用屬性。下面是CSS常用屬性大全6。
/* 1.文本垂直對齊方式 */ vertical-align: top/middle/bottom; /* 2.文本溢出處理方式 */ text-overflow: clip/ellipsis; /* 3.盒子陰影 */ box-shadow: h-shadow v-shadow blur spread color inset; /* 4.文本顏色 */ color: ; /* 5.背景顏色 */ background-color: ; /* 6.字體大小 */ font-size: ; /* 7.字體行高 */ line-height: ; /* 8.字體加粗 */ font-weight: bold; /* 9.字體樣式 */ font-style: normal/italic/oblique; /* 10.字體縮進 */ text-indent: ; /* 11.文本對齊方式 */ text-align: left/center/right; /* 12.文本裝飾 */ text-decoration: none/underline/overline/line-through; /* 13.列表樣式 */ list-style: none/square/circle/decimal; /* 14.列表項的圖像 */ list-style-image: url(); /* 15.列表項的位置 */ list-style-position: inside/outside; /* 16.盒子邊框樣式 */ border-style: solid/dotted/dashed/double; /* 17.盒子邊框寬度 */ border-width: ; /* 18.盒子邊框顏色 */ border-color: ; /* 19.盒子圓角 */ border-radius: ; /* 20.盒子背景圖片 */ background-image: url(); /* 21.背景位置 */ background-position: top/center/bottom left/center/right; /* 22.背景平鋪方式 */ background-repeat: repeat/repeat-x/repeat-y/no-repeat; /* 23.背景大小 */ background-size: auto/contain/cover; /* 24.盒子透明度 */ opacity: ; /* 25.盒子位置 */ position: static/relative/absolute/fixed; /* 26.盒子左邊距 */ left: ; /* 27.盒子右邊距 */ right: ; /* 28.盒子上邊距 */ top: ; /* 29.盒子下邊距 */ bottom: ; /* 30.盒子寬度 */ width: ; /* 31.盒子高度 */ height: ; /* 32.盒子內邊距 */ padding: ; /* 33.盒子外邊距 */ margin: ; /* 34.浮動 */ float: left/right/none; /* 35.清除浮動 */ clear: left/right/both/none;
以上就是CSS常用屬性大全6。在網頁設計中,熟練掌握這些屬性,可以幫助你快速實現網站的布局和樣式需求。
下一篇CSS布局小說封面軟件