下面介紹和背景相關的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頁面中查詢特定元素的,找到元素之後就可以為它們設定樣式了。選擇器為樣式規則指定乙個作用範圍 基本選擇器包含以下選擇器 標籤選擇器...