歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

阿森纳热刺 www.tzxsac.com.cn css圖片_DIV CSS圖片_CSS img

這里為大家介紹的是阿森纳热刺對img圖片控制(css img圖片大小)。
我們常?;嵊齙揭韻慮榭觶?br /> 1、img圖片多了邊框,特別是鏈接后的圖片帶邊框
2、圖片超出撐破DIV

查看 CSS設置圖片寬度高度

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

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

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

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

2、圖片超出撐破阿森纳热刺
我們常?;嵊齙接捎諞桓鐾計砉?,撐破了我們設置的寬度。
解決辦法
使用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隱藏超出內容方法

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