8 CSS背景使用例項演練

2022-06-21 22:54:12 字數 1114 閱讀 1111

下面介紹和背景相關的css屬性,背景是所有的標籤都具有的css屬性。

背景有以下幾種常用屬性:

背景附著方式

background-attachment:附著方式

背景位置

background-position:x y

背景屬性整合

background:color image repeat attachment position

(1) 背景顏色

background-color:顏色

(2) 背景

background-image:url( 『 』 )

(3) 背景重複方式

background-repeat:重複方式

① background-repeat:repeat          平鋪(系統預設方式)

這個屬性如果不設定,系統會預設為repeat(平鋪),效果如上面的,這裡不在重複筆墨。

② background-repeat:repeat-x          沿著x軸平鋪

③ background-repeat:repeat-y          沿著y軸平鋪

④ background-repeat:no-repeat          不平鋪

(4) 背景附著方式

background-attachment:附著方式

background-attachment:fixed          固定

(5) 背景位置

background-position:x y

① background-position:?px ?px          實際座標

② background-position:?% ?%          百分比

③ background-position:left/center/right top/center/bottom          方位詞

(6) 背景屬性整合

background:color image repeat attachment position

CSS基礎學習8 CSS設定盒裝模式

八 css設定盒裝模型 css中的盒裝模型 box model 用於描述乙個為html元素形成的矩形盒子。涉及為各個元素調成外邊距 margin 內邊距 padding 邊框 border 和內容的具體操作。1.外邊距和內邊距 margin padding value top bottom left...

(8)CSS鏈結與鏈結偽類

除非明確指定鏈結樣式,否則大部分瀏覽器使用藍色字型與下劃線顯示鏈結。這裡我們學習一下用css控制鏈結的樣式。常用於鏈結的屬性如下 2.background color 突出顯示鏈結,加背景 3.text decoration 給鏈結新增下劃線 也用於文字的上劃線,刪除線或閃爍 1.link 用於正常...

web前端(8) CSS選擇器

選擇器,說白了就是html的標籤或者其相關特性,在乙個html頁面中會有很多很多的元素,不同的元素可能會有不同的樣式,某些元素又需要設定相同的樣式,選擇器就是用來從html頁面中查詢特定元素的,找到元素之後就可以為它們設定樣式了。選擇器為樣式規則指定乙個作用範圍 基本選擇器包含以下選擇器 標籤選擇器...