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

首頁 > 開發 > CSS > 正文

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

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

武林網(m.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網頁制作技巧:背景圖片定位

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 盘锦市| 易门县| 璧山县| 胶南市| 嵩明县| 公主岭市| 韶山市| 宁波市| 临西县| 剑河县| 新泰市| 绥芬河市| 昌吉市| 汶川县| 阜宁县| 高唐县| 大同市| 柞水县| 凌源市| 蓝山县| 通州区| 郧西县| 理塘县| 万山特区| 旬阳县| 甘德县| 鸡泽县| 北宁市| 天镇县| 阿拉尔市| 社旗县| 许昌县| 沂源县| 平和县| 新源县| 黄浦区| 桐庐县| 浠水县| 炉霍县| 雅江县| 威远县|