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

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.khijtf.live/jiqiao/j242.shtml

江西多乐彩走势图今天 梦幻医生赚钱 赚多点app怎么赚钱吗 完成任务赚钱平台 98彩票游戏 转转步数换能赚钱吗 赌博平台代理是怎么赚钱 英雄联盟之王者荣耀 打麻将怎么打 女神异闻录赚钱容易 用硬盘赚钱 天天捕鱼电玩版技巧 北京麻将作弊器免费 快速赚钱的方法赚钱好方法有哪些 汽车检测站靠什么赚钱 天天捕鱼兑换码大全 梦幻西游上号不用管赚钱