CSS樣式屬性是網頁設計中不可或缺的一部分,下面介紹一些常用的CSS樣式屬性大全:
/* 選擇器 */ selector { /* 屬性1 */ property1: value; /* 屬性2 */ property2: value; /* 屬性3 */ property3: value; }
顏色屬性
/* 在文字、背景、邊框等元素中設置顏色 */ color: red; /* 字體顏色 */ /* 常用顏色名稱 */ color: blue; /* 藍色 */ color: grey; /* 灰色 */ /* 十六進制 */ color: #ffffff; /* 白色 */ /* RGB */ color: rgb(0, 255, 0); /* 綠色 */
文本屬性
/* 設置文字的格式 */ font-family: Arial, sans-serif; /* 字體 */ font-size: 16px; /* 字號 */ font-weight: bold; /* 字重 */ text-align: center; /* 文字對齊 */ text-decoration: underline; /* 下劃線 */ text-transform: uppercase; /* 大寫 */
背景屬性
/* 設置背景顏色或圖片 */ background-color: yellow; /* 背景顏色 */ background-image: url(images/bg.jpg); /* 背景圖片 */ background-repeat: repeat-x; /* 背景圖片水平平鋪 */ background-position: top right; /* 背景圖片位置 */
邊框屬性
/* 設置元素的邊框 */ border: 1px solid black; /* 統一設置 */ border-width: 1px; /* 邊框寬度 */ border-style: dashed; /* 邊框樣式 */ border-color: red; /* 邊框顏色 */
布局屬性
/* 控制元素的布局方式 */ display: block; /* 塊級元素 */ display: inline; /* 行內元素 */ display: inline-block; /* 行內塊元素 */ float: left; /* 左浮動 */ float: right; /* 右浮動 */ clear: both; /* 清除浮動 */
以上是關于常用CSS樣式屬性的介紹。
上一篇jquery tr隱藏
下一篇jquery ui