简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

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

高洛峰
發布： 2017-02-08 10:11:33
原創
2313 人瀏覽過

今天學習的內容是教大家如何用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

🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜 🎜分析：不管圖片的實際大小是多少，你都可以使用width和height來定義你想要的高度和寬度。大家別傻乎乎的還用PS做好高度和寬度才敢把那張圖片用到頁面上。 🎜🎜更多CSS調節圖片的大小，要知道width、height相關文章請關注PHP中文網！ 🎜
相關標籤：
css width
來源：php.cn
上一篇：CSS入門教學：圖片邊框border 下一篇：基於css3新屬性transform及原生js實作滑鼠拖曳3d立方體旋轉
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
透過新增 Width 屬性將內容向左移動 我已經為主體提供了邊距。主要{左邊緣：200px;右邊距：200px；文本對齊：居中}由於我想以兩行而不是一行顯示文本，因此我在樣式中添加了width屬性。 .p{字體大小：12p...
來自於 2024-04-06 22:01:35
0
3
816
有沒有辦法強制彈性框中的文字垂直居中，無論我們有什麼其他 CSS 程式碼？ 我有以下CSS程式碼，它是我正在開發的網站中使用的更大CSS程式碼的一部分：.cards-u{display:flex;flex-wrap:wrap;justify-content...
來自於 2024-04-06 20:41:51
0
1
518
顯示隱藏的側邊面板：選中 我希望在側面板中有一個導航選單，可以透過動畫漢堡選單切換到視圖。我想僅使用CSS創建它，而不使用任何JS。 :checked偽類似乎是可行的方法，但我無法讓它工作。到目前為止我擁有...
來自於 2024-04-06 15:49:33
0
1
319
Electron 在預先載入時取得 AppData 如何取得預先載入的AppData目錄？背景.js[...]asyncfunctioncreateWindow(){constwin=newBrowserWindow({width:...
來自於 2024-04-06 11:05:31
0
1
417
SASS樣式優先於媒體查詢 我正在嘗試使用媒體查詢來覆蓋桌面裝置的樣式，但似乎不起作用。我將邊框顏色設為h2元素，並進行了測試以更好地視覺化此問題。如您所見，h2的邊框顏色設定為黃色。這是我的SASS樣式：....
來自於 2024-04-05 15:03:00
0
1
3396
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！