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

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

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

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

image.png

.大盒子{
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.小盒子{
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
目录
相关文章
|
6月前
|
前端开发
玩转CSS盒子之 三角形盒子
玩转CSS盒子之 三角形盒子
61 0
|
前端开发
CSS新增样式----圆角边框、盒子阴影、文字阴影
CSS新增样式----圆角边框、盒子阴影、文字阴影
142 0
|
前端开发 容器
css中的弹性盒子和弹性布局
css中的弹性盒子和弹性布局
120 0
|
1月前
|
前端开发 UED
如何使用css给一个盒子加上好看的hover阴影效果
如何使用css给一个盒子加上好看的hover阴影效果
64 1
|
1月前
|
前端开发 容器
CSS弹性盒子知识点
CSS弹性盒子知识点
|
4月前
|
前端开发 容器
你不知道的css——1. 外在盒子、内在盒子,宽度和高度的计算,box-sizing属性
你不知道的css——1. 外在盒子、内在盒子,宽度和高度的计算,box-sizing属性
29 3
你不知道的css——1. 外在盒子、内在盒子,宽度和高度的计算,box-sizing属性
|
5月前
|
前端开发 容器
css动画效果(边框线条流动效果)
css动画效果(边框线条流动效果)
|
5月前
|
移动开发 JavaScript 前端开发
rem的适配方案,css文件和js文件的引入方式,特色小边框的制作,DS-Digital.ttf数字展示屏的使用方法:,自适应图片 background-size,jQuery爆bug,a和盒子居中,
rem的适配方案,css文件和js文件的引入方式,特色小边框的制作,DS-Digital.ttf数字展示屏的使用方法:,自适应图片 background-size,jQuery爆bug,a和盒子居中,
Css-弹性盒子
Css-弹性盒子
81 0
|
6月前
|
前端开发 容器
CSS之弹性盒子Flexible Box
CSS之弹性盒子Flexible Box