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

首頁 > 開發 > CSS > 正文

CSS3教程(5):網頁背景圖片

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

武林網(m.survivalescaperooms.com)文章簡介:背景圖片/紋理有很多種使用方式,常常用于添加網站的最佳的最終美化。現在它在CSS3中被重視,我們可以應用多背景圖和背景圖片尺寸來實現更完美的效果。

背景圖片/紋理有很多種使用方式,常常用于添加網站的最佳的最終美化。現在它在CSS3中被重視,我們可以應用多背景圖和背景圖片尺寸來實現更完美的效果。

上一篇文章:CSS3教程(4):網頁邊框和網頁文字陰影

CSS3的背景圖片大小可以寫成 background-size:Apx Bpx;
-Apx = x軸(圖片寬度)
-Bpx = y軸(圖片高度)

了解了這些,我們開始體驗這個特性吧:
最好支持CSS3背景大小的瀏覽器是Safari和Opera,所以我們只需要使用-o和-webkit前綴。

背景大小

CSS3教程(5):網頁背景圖片

#backgroundSize{ border: 5px solid #bd9ec4; background:url(image_1.extention) bottom right no-repeat; -o-background-size: 150px 250px; -webkit-background-size: 150px 250px; padding: 15px 25px; height: inherit; width: 590px;}

瀏覽器支持:

為了在CSS3中應用多背景圖片,我們使用都好隔開,例如:

background: url(image_1.extention) top right no-repeat, url(image_2.extention) bottom right no-repeat;

我們可以在一行代碼中嘗試放置多個不同的圖片…

多背景圖

CSS3教程(5):網頁背景圖片

#backgroundMultiple{ border: 5px solid #9e9aab; background:url(image_1.extention) top left no-repeat, url(image_2.extention) bottom left no-repeat, url(image_3.extention) bottom right no-repeat; padding: 15px 25px; height: inherit; width: 590px;}

瀏覽器支持:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 上蔡县| 静安区| 宜都市| 枣强县| 德格县| 湖口县| 洪洞县| 新源县| 肥西县| 启东市| 巴楚县| 靖宇县| 通渭县| 梧州市| 察雅县| 东乡族自治县| 鄂托克旗| 三河市| 廉江市| 桃江县| 盐城市| 盐池县| 朝阳区| 安康市| 鄱阳县| 通渭县| 房山区| 西华县| 元阳县| 门源| 莱州市| 满洲里市| 上饶市| 木兰县| 漠河县| 石景山区| 个旧市| 虞城县| 花莲县| 新昌县| 三河市|