国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS網頁制作技巧:背景圖片定位

2024-07-11 09:02:12
字體:
來源:轉載
供稿:網友

武林網(www.survivalescaperooms.com)文章簡介:三、 背景圖片定位決定因素:a. 設置背景圖片容器的大小(寬度和高度)b. 首先要定義背景圖片(background-image)c. 其次是背景圖片是否重復(background-repeat).

一、 網頁中添加圖片的方式有兩種

一種是:通過<img>標簽直接插入到html中
另一種是:通過css背景屬性添加

二、 怎樣來判斷添加圖片方式??

Ø 網頁中的裝飾性的圖片,通過背景圖片添加

Ø 用戶圖片,通過插入形式添加

Ø 按鈕,有多個狀態的效果圖片,通過背景圖片添加

三、 背景圖片定位決定因素:

a. 設置背景圖片容器的大小(寬度和高度)

b. 首先要定義背景圖片(background-image)

c. 其次是背景圖片是否重復(background-repeat)

四、 背景圖片定位(background-position)原理

A. 語法:Background-position:水平位置 垂直位置

B. 水平位置/垂直位置設置方法:

1) 數值(px)正負值都可以

2) 百分比(%)范圍:0%—100%

3) 關鍵詞:水平位置:left(左) center(中) right(右)

垂直位置:top(上) center(中) bottom(下)

注意:當只設置一個值時:代表水平位置,垂直位置默認居中

C. 原理分析:

 

 

CSS網頁制作技巧:背景圖片定位

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 都匀市| 贵溪市| 肇东市| 香格里拉县| 额敏县| 东海县| 阿坝| 合江县| 大石桥市| 吉木乃县| 凤台县| 桑日县| 札达县| 丘北县| 个旧市| 瑞安市| 东乌珠穆沁旗| 荣昌县| 南靖县| 南康市| 瓮安县| 东乡| 巴塘县| 容城县| 含山县| 横山县| 永胜县| 井研县| 梧州市| 彝良县| 赤壁市| 龙陵县| 常山县| 增城市| 揭阳市| 鲁山县| 阜城县| 揭东县| 旬阳县| 洪洞县| 桂东县|