内边距属性

最新推荐文章于 2021-07-14 17:16:49 发布

叫我邱球球

最新推荐文章于 2021-07-14 17:16:49 发布

阅读量871

点赞数

分类专栏：有关CSS 文章标签：属性 css 心得前端

本文链接：https://blog.csdn.net/CallMeQiuqiuqiu/article/details/58588958

版权

有关CSS 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

之前在学习HTML的时候就已经说过了什么是内边距。

所谓的内边距就是内容和边框之间的距离。

-----------------------------------------------------分割线------------------------------------------------------

语法格式：

①非连写：

padding-top: ;

padding-right: ;

padding-bottom: ;

padding-left: ;

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分页</title>
    <style type="text/css">
      /*.box{*/
          /*width:100px;*/
          /*height: 100px;*/
          /*background: red;*/
         /*border-width: 10px 5px 1px;*/
          /*border-style: solid;*/
        /*}*/
        .six1   {
            width: 200px;
            height:200px;
            background: red;
            padding-top: 20px;
        }
    </style>
</head>
<body>
        <!--<div class="box"></div>-->
        <div class="six1">aaa</div>
        <div class="six2"></div>
        <div class="six3"></div>
        <div class="six4"></div>
</body>
</html>

②连写：

padding: 上右下左;

这里的一些注意点都是和边框属性是一样的，比如有三个值，两个值，一个值等等。

-----------------------------------------------------分割线------------------------------------------------------

注意点：

①设置完内边距之后，边框会发生高度和宽度上的变化

②内边距也是会有背景颜色的

----------------------------------------------------分割线---------------------------------------------------

叫我邱球球

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
内边距属性

之前在学习HTML的时候就已经说过了什么是内边距。所谓的内边距就是内容和边框之间的距离。-----------------------------------------------------分割线------------------------------------------------------语法格式：①非连写：padding-top: ;paddi
复制链接

扫一扫