二 4 頁面化妝師CSS之CSS背景和列表

2021-10-02 18:28:51 字數 839 閱讀 7601

目錄

1.css背景樣式

1.1背景樣式

1.2設定元素的背景顏色:background-color

1.3 設定元素的背景:background-image

1.4背景和背景​

1.4背景重複:background-repeat

1.5屬性設定背景影象是否固定或者隨著頁面的其餘部分滾動:background-attachment

1.6背景定位:background-position

2.css列表樣式

2.1列表樣式

2.2列表項標記

3.**示例

3.1背景**

3.2列表**

屬性值:

color_name:規定顏色值為顏色名稱的背景顏色(比如red)。

hex_number:規定顏色值為十六進製制的背景顏色(比如#ff0000)。

rgb_number:規定顏色值為rgb**的背景顏色(比如rgb(255,0,0))。

transparent(預設值):背景顏色為透明。

inherit:規定應該從父元素繼承 background-color 屬性的設定。

背景縮寫:background:

[background-color] [background-image] 

[background-repeat] [background-attachment] [background-position]

background縮寫

CSS 17 頁面布局

1 頁面布局 2靜態布局 3靜態布局 元素不變的布局。4布局特點 縮小後內容被遮擋,拖動滾動條顯示布局 5設計方法 6pc 居中布局,所有樣式使用絕對寬度和高度78 9響應式布局 10響應式布局 建立多個流體式布局,分別對應乙個螢幕解析度範圍 11特點 分別為不同的螢幕解析度定義布局,同時,在每個布...

CSS3繪製404頁面

標題有點噱了.最近在做乙個交通有關的專案,想做乙個類似標誌牌的404,所以就有了這個.只用的css3中的旋轉,效果如下 上 doctype html html head meta name viewport content width device width title error title s...

一款純css3實現的漂亮的404頁面

之前為大家分享了那些創意有趣的404頁面,html5和css3打造一款創意404頁面,html5可愛的404頁面動畫很逗的機械人。今天再給大家分享一款純css3實現的漂亮的404頁面。效果圖如下 實現的 html section class center article h1 class heade...