十年風雨路 · 一心鑄精品

接一個官網 留一件精品 做一個項目 樹一塊樣板

css為圖片設置背景圖片

CSS的功能是非常強大的,對于元素的表現以及頁面的布局,都提供了非常強大的功能,這主要在于我們靈活的運行,在這方面提供了豐富且富含價值的各種教程與信息。對于圖片的使用,其實更多的是在內容層。根據WEB標準的思路,表現層的圖片,已經都被分離到CSS中去了。只有作為內容的圖片才能以IMG標簽插入在頁面中,這也是一直強調的語義。   為圖片設置背景圖片,是一個非常搞的實例。這句話或許就感覺有點好玩。我們為以IMG標簽引入頁面的圖片設置背景圖片。這樣的應用范圍或許并不大,但可以鍛煉你的思路,讓你理解元素在HT

時間:2013年01月15日 點擊量:
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的靈活和強大的功能。

推薦案例

  • 成都森美啦園林綠化工程公

  • 四川尚恒科技有限公司

  • 成都九邦物流有限責任公司

  • 四川品睿餐飲管理有限公司

  • 美繪陶社陶藝手繪工作室-暖

  • 成都恩多施生物工程技術有

  • 汶川羌人土特產有限公司

  • 印刷設計公司網站No.3138

聯系我們 / CONTACT US

  • 四川省成都市金牛區五福橋東路229號龍湖北城天街28棟903室
  • 服務熱線:400-000-2367 028-86088588
  • 總機:028-62322623-0
  • 傳真:028-62322623-823

掃碼訪問冠辰手機網站

版權所有 Copyright © 2002-2019 四川冠辰科技開發有限公司  www.qfwgdy.tw 保留所有權利  蜀ICP備11012605號

地址:四川省成都市金牛區五福橋東路229號龍湖北城天街28棟903室

服務熱線:400-000-2367 028-86088588 總機:028-62322623-0 傳真:028-62322623-823

羽毛球论坛