CSS 屬性指定了任何 HTML 元素的樣式,包括顏色、大小、字體、背景、邊框等。
body { font-family: Arial, sans-serif; color: #333; background-color: #f0f0f0; }
上述 CSS 代碼指定了包含 HTML 文檔的整個 `
` 元素的樣式。`font-family` 屬性指定了文本使用的字體,可以指定多個字體,第一個無法使用則使用第二個,依次類推;`color` 屬性指定了文本顏色;`background-color` 屬性指定了元素的背景顏色。a { color: #0074d9; text-decoration: none; border-bottom: 1px solid #0074d9; }
上述代碼指定一個鏈接元素的樣式,`color` 屬性指定鏈接的文本顏色,`text-decoration` 屬性指定文本的裝飾效果,`border-bottom` 屬性指定文本下方的邊框樣式。
.btn { display: inline-block; padding: 10px 20px; background-color: #0074d9; color: #fff; font-size: 14px; border-radius: 5px; text-align: center; text-decoration: none; border: none; }
這個示例定義了一個類 `.btn` ,并指定了按鈕元素的樣式。`display` 屬性指定元素的布局方式,`padding` 屬性指定元素內邊距,`background-color` 屬性指定元素的背景顏色,`color` 屬性指定文本顏色,`font-size` 屬性指定字體大小,`border-radius` 屬性指定元素的圓角程度,`text-align` 屬性指定文本對齊方式,`text-decoration` 屬性指定文本裝飾效果,而 `border` 屬性指定元素的邊框樣式。
上一篇html5中css心得
下一篇css屬性值為0的單位