css------padding

快乐平凡的小熙

已于 2022-08-12 15:34:22 修改

阅读量129

点赞数

分类专栏： css前端文章标签： css 前端 html

于 2022-08-12 15:07:29 首次发布

本文链接：https://blog.csdn.net/QDQE232/article/details/126302914

版权

css前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

前言

padding是啥？

代码例子

前言

学习写网站的时候发现padding这个概念有点忘记了，复习一下。

padding是啥？

Padding [1] （填充）属性定义元素的边框与元素里面的内容之间的空间。可以被叫作内边框。

代码例子

.abc {
    padding: 20px 40px;
    margin: 0 auto;
    background-color: red;
    width: 100px;
    height: 400px;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/index_1.css">
    <title>Document</title>
</head>

<body>
    <div class="abc">你好</div>    
</body>
</html>