padding内边距

最新推荐文章于 2024-07-17 21:15:40 发布

原创最新推荐文章于 2024-07-17 21:15:40 发布 · 364 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#padding内边距

padding内边距专栏收录该内容

1 篇文章

订阅专栏

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

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