css图片如何设置上边框距离

PHP中文网 JavaScript 百度已收录

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

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

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

css图片设置上边框距离

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!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>

效果图：

阅读剩余部分

相关阅读 >>

css具备什么特点

css如何设置行距

css font-stretch属性怎么用

css如何让图片旋转

网站对联广告js代码分享

css如何去除下划线

css如何实现阴影效果

css中的display属性有哪些值？各有什么作用？

css如何实现n宫格布局

在css中怎么给按钮添加背景图片（详解及实例）

更多相关阅读请进入《css》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...