CSS調節圖片的大小，要知道width、height

來源：懂視網責編：小采時間：2020-11-27 18:53:25

CSS調節圖片的大小，要知道width、height

CSS調節圖片的大小，要知道width、height:今天學習的內容是教大家如何用css調整圖片的大小，在之前的課程例子中，我們接觸了width和height這兩個屬性，這兩個屬性分別是用來設置元素的寬度和高度的。在CSS中，對于圖片的大小，我們也是用width和height來定義。語法：說明：在CSS初學階段，全部都是

推薦度：

點擊下載本文 文檔為doc格式

導讀CSS調節圖片的大小，要知道width、height:今天學習的內容是教大家如何用css調整圖片的大小，在之前的課程例子中，我們接觸了width和height這兩個屬性，這兩個屬性分別是用來設置元素的寬度和高度的。在CSS中，對于圖片的大小，我們也是用width和height來定義。語法：說明：在CSS初學階段，全部都是

今天學習的內容是教大家如何用css調整圖片的大小，在之前的課程例子中，我們接觸了width和height這兩個屬性，這兩個屬性分別是用來設置元素的寬度和高度的。
在CSS中，對于圖片的大小，我們也是用width和height來定義。語法：

CSS調節圖片的大小，要知道width、height

說明：在CSS初學階段，全部都是使用像素作單位，在CSS進階階段我們會深入講解其他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>

在瀏覽器預覽效果如下：

CSS調節圖片的大小，要知道width、height