HTML複習(19 背景樣式)

2022-08-17 04:18:22 字數 1096 閱讀 5304

重點

掌握背景顏色屬性

掌握背景屬性

背景樣式簡介

在css中,背景樣式包括2個方面:①背景顏色;②背景。

在web1.0時代,都是使用background或者bgcolor這兩個「html屬性」(不是css屬性)來為元素定義背景顏色或背景。不過在web2.0時代,對於元素的背景樣式,我們都是使用css屬性來實現。

背景顏色

在css中,

我們可以使用background-color屬性來定義元素的背景顏色。

color屬性用於定義「文字顏色」,而background-color屬性用於定義「背景顏色」

背景樣式

在css中,我們可以使用background-image屬性來為元素定義背景。

想要為乙個元素定義背景,必須給該元素定義width和height。

背景重複

在css中,我們可以使用background-repeat屬性來定義背景的重複方式。

背景位置

在css中,我們可以使用background-position屬性來定義背景的位置。

想要定義背景的位置,需要同時設定水平方向和垂直方向的值。

在實際開發中,background-position一般用於實現css spirit(精靈)

背景固定

在css中,我們可以使用background-attachment屬性來定義背景是隨元素一起滾動還是固定不動。

在實際開發中,background-attachment這個屬性幾乎用不上,了解一下即可。

css背景樣式css背景樣式

css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中,要為某個物件加上背景色只有一種辦法,那就是先做乙個 在 中設定完背景色...

邊框樣式 背景樣式

1 邊框屬性 屬性說明 border width 邊框的寬度 border style 邊框的外觀 border color 邊框的顏色 border style 屬性值說明 none 無樣式hidden 與 none 相同。bug應用於表除外。對於表,hidden用於解決邊框衝突 solid 實線...

HTML複習筆記 CSS樣式表

css 用於設計網頁的排版 建立css樣式表 css樣式表由選擇器與樣式規則組成。所謂選擇器,可以是html中的標記 最常用 class屬性,或者id屬性,例如 h1乙個選擇器中可以設定多種不同的規則,中間用分號分隔。範例 應用css樣式表 三種方式 1 行內宣告,即直接將css樣式寫在html標記...