背景色及背景图片的覆盖范围

最新推荐文章于 2025-03-11 10:25:24 发布

原创最新推荐文章于 2025-03-11 10:25:24 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#背景色

css深入学习专栏收录该内容

3 篇文章

订阅专栏

本文通过一个具体的HTML示例展示了如何使用CSS来设置元素的背景颜色和边框样式。通过对一个div元素进行样式设置，包括定义外边距、宽度、高度、边框样式和背景颜色，展示了CSS在网页布局中的应用。

背景色及背景图片覆盖的范围是从border开始到内容区域

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<style type="text/css">
#border-image{
    margin:100px;
    width:200px;
    height:200px;
    border:10px solid rgba(0,0,0,0.4);
    background: red;
}
</style>
<body>
    <div id="border-image">
        dfdfdsfsdjfkdsjjkjlj
    </div>
</body>
</html>