备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

css盒子每个都加边框线 但是又不重复

2022-11-29 99
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： css盒子每个都加边框线 但是又不重复

首先给外面大盒子加上 上和左边框线

然后给里面每一个小盒子加上一个右和下边框线这样就会每一个盒子都会有边框线

image.png

.大盒子{
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.小盒子{
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
文章标签：
前端开发
关键词：
CSS盒子
CSS边框线
_揽
目录
相关文章
jcLee95
|
3月前
|
前端开发
玩转CSS盒子之 三角形盒子
玩转CSS盒子之 三角形盒子
jcLee95
28 0
从未止步..
|
6月前
|
前端开发
CSS新增样式----圆角边框、盒子阴影、文字阴影
CSS新增样式----圆角边框、盒子阴影、文字阴影
从未止步..
71 0
秃头请走开
|
7月前
|
前端开发 容器
css中的弹性盒子和弹性布局
css中的弹性盒子和弹性布局
秃头请走开
76 0
远近高低各不同
|
1月前
|
前端开发 容器
CSS之弹性盒子Flexible Box
CSS之弹性盒子Flexible Box
远近高低各不同
33 1
Geman_Liu
|
6月前
Css-弹性盒子
Css-弹性盒子
Geman_Liu
52 0
晚来南风晚相识
|
3月前
css3文字阴影和盒子阴影
css3文字阴影和盒子阴影
晚来南风晚相识
23 0
王同学睡醒了
|
4月前
|
前端开发
【CSS】解决图片和盒子底部产生的缝隙问题
【CSS】解决图片和盒子底部产生的缝隙问题
王同学睡醒了
19 0
卡尔特斯
|
7月前
CSS3 transform 音乐盒子开盖效果
CSS3 transform 音乐盒子开盖效果
卡尔特斯
29 0
~black-
|
8月前
|
前端开发 小程序
CSS 盒子垂直居中的方法
CSS 盒子垂直居中的方法
~black-
103 0
与掉发不共戴天
|
8月前
|
前端开发 容器
css3 flex弹性盒子布局梳理
css3 flex弹性盒子布局梳理
与掉发不共戴天
69 0