CSS調(diào)節(jié)圖片的大小,要知道width、height
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 18:53:25
CSS調(diào)節(jié)圖片的大小,要知道width、height
CSS調(diào)節(jié)圖片的大小,要知道width、height:今天學(xué)習(xí)的內(nèi)容是教大家如何用css調(diào)整圖片的大小,在之前的課程例子中,我們接觸了width和height這兩個屬性,這兩個屬性分別是用來設(shè)置元素的寬度和高度的。在CSS中,對于圖片的大小,我們也是用width和height來定義。語法:說明:在CSS初學(xué)階段,全部都是
導(dǎo)讀CSS調(diào)節(jié)圖片的大小,要知道width、height:今天學(xué)習(xí)的內(nèi)容是教大家如何用css調(diào)整圖片的大小,在之前的課程例子中,我們接觸了width和height這兩個屬性,這兩個屬性分別是用來設(shè)置元素的寬度和高度的。在CSS中,對于圖片的大小,我們也是用width和height來定義。語法:說明:在CSS初學(xué)階段,全部都是
今天學(xué)習(xí)的內(nèi)容是教大家如何用css調(diào)整圖片的大小,在之前的課程例子中,我們接觸了width和height這兩個屬性,這兩個屬性分別是用來設(shè)置元素的寬度和高度的。
在CSS中,對于圖片的大小,我們也是用width和height來定義。語法:

說明:在CSS初學(xué)階段,全部都是使用像素作單位,在CSS進(jìn)階階段我們會深入講解其他CSS單位舉例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
img{width:60px;height:60px;}
</style>
</head>
<body>
<img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/>
</body>
</html>
在瀏覽器預(yù)覽效果如下:

分析:不管圖片的實際大小是多少,你都可以使用width和height來定義你想要的高度和寬度。大家別傻乎乎的還用PS做好高度和寬度才敢把那張圖片用到頁面上。
更多CSS調(diào)節(jié)圖片的大小,要知道width、height相關(guān)文章請關(guān)注PHP中文網(wǎng)!
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
CSS調(diào)節(jié)圖片的大小,要知道width、height
CSS調(diào)節(jié)圖片的大小,要知道width、height:今天學(xué)習(xí)的內(nèi)容是教大家如何用css調(diào)整圖片的大小,在之前的課程例子中,我們接觸了width和height這兩個屬性,這兩個屬性分別是用來設(shè)置元素的寬度和高度的。在CSS中,對于圖片的大小,我們也是用width和height來定義。語法:說明:在CSS初學(xué)階段,全部都是