css中怎麼設定圖片離左邊的距離
- 青灯夜游原創
- 2021-11-09 15:02:497267瀏覽
在css中，可以使用margin-left屬性來設定圖片離左邊的距離，該屬性的作用就是設定元素的左邊距，只需要給圖片元素加上「img{margin-left:距離值;}”樣式即可。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
在css中，可以透過margin-left屬性來設定圖片離左邊的距離。
margin-left屬性設定元素的左邊距。負值是允許的。
範例：
<!DOCTYPE html>
<html>
<head>
<style>
img{
border: 1px solid red;
}
#img2{
margin-left: 20px;
}
</style>
</head>
<body>
<img src="img/1.jpg" style="max-width:90%" / alt="css中怎麼設定圖片離左邊的距離" >
<img src="img/1.jpg" style="max-width:90%" id="img2" / alt="css中怎麼設定圖片離左邊的距離" >
</body>
</html>效果圖：
#說明：
margin-left屬性值的單位可以使用px、%、em、rem等等。
（學習影片分享：css影片教學）
以上是css中怎麼設定圖片離左邊的距離的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css怎麼實現文字循環滾動效果下一篇：css怎麼實現文字循環滾動效果