css图片如何设置上边框距离-木庄网络博客

2022-03-19 04:06:25 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

在css中，可以使用padding-top属性来设置图片的上边框距离，只需要给图片元素添加“padding-top:距离值;”样式即可。padding-top属性可以设置元素的上内边距（空间），不允许使用负值。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css图片设置上边框距离

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="utf-8">
        <style>
            img{
                border: 1px solid red;
                padding-top: 20px;
            }
        </style>
    </head>
 
    <body>
        <img src="img/1.jpg" width="150"/><br>
    </body>
 
</html>