background颜色填充范围

最新推荐文章于 2024-04-12 10:32:25 发布

八哥~

最新推荐文章于 2024-04-12 10:32:25 发布

阅读量432

点赞数

文章标签： html5 css3

本文链接：https://blog.csdn.net/weixin_46879188/article/details/118652242

版权

background设置颜色时到底填充到盒子模型的哪个部分，所以做了个实验，如下所示

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    div{
      height: 100px;
      width: 100px;
      border: 10px solid #0ff;
      padding: 50px;
      margin: 50px;
      background: #f00;
    }
  </style>
</head>
<body>
<div>
  content
</div>
</body>
</html>

效果图如下:
在这里插入图片描述

从上图可以看出，背景颜色只是填充到了padding和content部分。border和margin是没有任何颜色的。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

八哥~

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
background颜色填充范围

background设置颜色时到底填充到盒子模型的哪个部分，所以做了个实验，如下所示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ height: 100px; width: 100px; border: 10px soli
复制链接

扫一扫