摘要 騰興網為您分享:css 控制img圖片的大小樣式，掌上財富，優品多多，問作業，淘客聯盟等軟件知識，以及手機游戲開掛神器，au補丁，局域網監測，蘋果錄屏專家，重復文件刪除，易通教育，章魚輸入法,愛颯漫畫，故事盒，最潮的app貼紙軟件，oppor7t刷機包，520活動策劃，微信余額截圖生成器，i9300的root軟件，mindjetmindmanager等軟件it資訊，歡迎關注騰興網。很多做網站的朋友都會用width,height加在img標簽里面直接來控制圖片的大小,這樣無疑增加了文件的大小了,并還不能達到比較滿意的效果,今天我們來看看我用css來間接的控制圖片的大小吧...

很多做網站的朋友都會用width,height加在img標簽里面直接來控制圖片的大小,這樣無疑增加了文件的大小了,并還不能達到比較滿意的效果,今天我們來看看我用css來間接的控制圖片的大小吧.下面我們先來看個實例.代碼如下復制代碼

< ul>

我們只要按上面這樣就寫行了,下面我們來用css進行制作吧.代碼如下復制代碼

ul li img {

width:80px;

height:80px;

border:1px solid #ccc;

}

ul li a:hover img {

border-color:#333;

}

加上這段代碼后當你指上圖片時,它會有一個邊框,移去時就會消失,哈哈這種效果不錯吧,好了就講到這里了,

最后申明一下:本站原創文章轉載請注明來處: www.111cn.net 中國WEB第一站

相關推薦

總結

以上是生活随笔為你收集整理的img 错误样式css,css设置图片大小_css 控制img图片的大小样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。