<menu id="0eekc"></menu>
<menu id="0eekc"></menu>
  • <menu id="0eekc"></menu>
  • <menu id="0eekc"><tt id="0eekc"></tt></menu>
  • <xmp id="0eekc">
    歡迎來到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.yfzzdoors.com/jiqiao/j242.shtml

    欧美巨大XXXX做受l
    <menu id="0eekc"></menu>
    <menu id="0eekc"></menu>
  • <menu id="0eekc"></menu>
  • <menu id="0eekc"><tt id="0eekc"></tt></menu>
  • <xmp id="0eekc">