padding内边距

ztt0918

于 2017-04-18 13:52:26 发布

阅读量352

点赞数

CC 4.0 BY-SA版权

分类专栏： padding内边距文章标签： padding内边距

本文链接：https://blog.youkuaiyun.com/ztt0918/article/details/70227494

padding内边距专栏收录该内容

1 篇文章

订阅专栏

本文通过一个简单的HTML示例介绍了CSS中padding属性的应用方法及其效果。示例中定义了一个具有特定宽度、高度和背景颜色的div元素，并使用padding属性来设置元素内部与其内容之间的间距。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        div{
            width: 500px;
            height: 300px;
            background-color: #cccccc;
            /*padding: 20px ;*/
            /*padding-left: 15px;*/
            /*padding-right: 20px;*/
            /*padding-top: 50px;*/
            /*padding-bottom: 100px;*/
            padding: 30px 20px 80px 70px ;


        }
    </style>
    <title>padding内边距</title>
</head>
<body>
<div>
    你若无伤，岁月无恙。
</div>
</body>
</html>