福彩幸运武林开奖 ?
歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > CSS技巧 >

DIV CSS圖片_CSS img

css圖片_DIV CSS圖片_CSS img

這里為大家介紹的是DIV CSS對img圖片控制(css img圖片大小)。
我們常常會遇到以下情況:
1、img圖片多了邊框,特別是鏈接后的圖片帶邊框
2、圖片超出撐破DIV

查看 CSS設置圖片寬度高度

下面我們通過CSS來解決這2個問題。
1、img圖片多了邊框,特別是鏈接后的圖片帶邊框

解決去掉圖片的邊框
有邊框的圖片

根據以上圖,我們對圖片加鏈接,結果圖片出現了邊框,
解決方法:
我們只需在初始化IMG標簽CSS即可
img{ padding:0; border:0;} 加入此CSS即可消除邊框

提供CSS去掉圖片邊框后效果圖
CSS去掉圖片邊框效果

2、圖片超出撐破DIV
我們常常會遇到由于一個圖片過寬過大,撐破了我們設置的寬度。
解決辦法
使用CSS控制改對象IMG標簽寬度即可,假如該對象為.yangshi設置寬度為500px,那我們就只需設置.yangshi img{max-width:500px;}但是在IE6中max-width是失效的,那我們最好解決辦法,在上傳圖片的時候更加設置寬度,讓圖片本身寬度小于該地方設置寬度即可,這樣感覺很麻煩,但是很多大的網站都是這樣解決,一可以避免撐破設置寬度,二可以降低圖片大小讓瀏覽器更快打開網頁。

總結:
1、一個網頁中難免有圖片,這時我們需要初始化img標簽即:img{ padding:0; border:0;}
2、避免圖片過寬撐破網頁,我們建議在上傳圖片時候將圖片剪切來比設置寬度小,同時還可以對該對象加入overflow:hidden屬性,即隱藏超出內容包括圖片。

CSS擴展解決知識
CSS解決圖片撐破網頁
CSS隱藏超出內容方法

如需轉載,請注明文章出處和來源網址:http://www.mcowk.com.cn/jiqiao/j242.shtml

我要分享到:

必備CSS教程 Essential CSS Tutorials

必備HTML基礎教程 Essential HTML Tutorials

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2010-11-02 11:29 原創:DIVCSS5
本文www.mcowk.com.cn DIVCSS5版權所有。

福彩幸运武林开奖