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

首頁 > 開發 > CSS > 正文

css為圖片設置背景圖片

2020-10-23 18:31:13
字體：大 中 小
來源：轉載
供稿：網友
CSS的功能是非常強大的，對于元素的表現以及頁面的布局，都提供了非常強大的功能，這主要在于我們靈活的運行，在這方面提供了豐富且富含價值的各種教程與信息。對于圖片的使用，其實更多的是在內容層。根據WEB標準的思路，表現層的圖片，已經都被分離到CSS中去了。只有作為內容的圖片才能以IMG標簽插入在頁面中，這也是一直強調的語義。

　　為圖片設置背景圖片，是一個非常搞的實例。這句話或許就感覺有點好玩。我們為以IMG標簽引入頁面的圖片設置背景圖片。這樣的應用范圍或許并不大，但可以鍛煉你的思路，讓你理解元素在HTML與CSS中的意義與靈活性。
我們看下面的代碼。

　　<img scr="jb51.jpg" />
　　這是以img標簽將圖片引入到頁面中。

　　我們再編寫CSS。


img {
display:block;
width:443px;
height:60px;
padding-bottom:10px;
background:url(jb52bg.jpg) no-repeat left bottom;
}
　　將img元素轉換為塊元素，設置寬和高。設置下側的內邊距為10px。為背景圖片顯示出來預留一定的空間。最后定義背景圖片即可。
　　　由此小實例，可以看出CSS的靈活和強大的功能。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 霍邱县| 体育| 苍南县| 河池市| 木里| 凤庆县| 九龙城区| 手机| 集贤县| 修武县| 游戏| 安陆市| 西贡区| 邵武市| 荔波县| 塔河县| 紫阳县| 肥城市| 连平县| 卫辉市| 临沂市| 古交市| 巩义市| 开封市| 苗栗县| 东乌珠穆沁旗| 义马市| 威信县| 陇西县| 南漳县| 定陶县| 习水县| 南康市| 法库县| 怀来县| 昌乐县| 千阳县| 连州市| 甘肃省| 寻甸| 容城县|