把你这个高增加，或者加个padding-bottom：15px; 方法很多种的
一、padding 内边距,盒子边框到内容的距离 /*表示内边距到内容的上左下右距离*/ padding-top: 20px; padding-left: 20px; padding-bottom: 20px; padding-right: 50px; /*一个参数表示上下左右都为20px*/ padding:20px; /*两个参数表示上下距离20px 左右距离40px*/ padding: 20px 40px; /*三个参数...
表示边框到最近盒子的距离. 1 2 3 4 5 6 7 8 /*表示四个方向的外边距离为20px*/ margin: 20px; /*表示盒子向下移动了30px*/ margin-top: 30px; /*表示盒子向右移动了50px*/ margin-left: 50px; margin-bottom: 100px; *** 标准文档流 什么是标准文档流 宏观的将,我们的web页面和ps等设计...
top距离boder上面的距离,right距离border右边的距离 bottom距离border下面的距离,left距离border左边的距离 然后的根据这个值裁剪出来的内容一次对应到元素上 一个值; border-image-slice: 30%; 一个值:四条线的距离都是一样的。 两个值 border-image-slice: 10% 30%; 「top和bottom是10%」 「left和right是30...
margin-top,margin-right,margin-bottom,margin-left对应的分别是上右下左外边的距离,可取值:auto/数值/百分比。 padding 内边距:设置对象四边的内部边距。 padding: 20rpx 10rpx 25rpx 10rpx :如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边。 padding:20rpx:如果只提供一个,将用于全部的四边。
border-bottom-right-radius: 10px 10px; border-bottom-left-radius: 10px 10px; 这个同上面的意思还是一样。 但是如果两个值设置的不一样, 那就不一样了。 例如: .wrapper{width:200px;height:100px;border:1px solid #000;border-top-left-radius:200px 100px;border-bottom-right-radius:200px 100px...
垂直方向可选单词:top、center、bottom 单词表示图片与盒子背景区域进行对应方向的对齐 像素表示法: 使用像素值作为背景定位的属性值 第一个属性值:像素是几,表示背景图片左上角针对border以内的左上顶点水平方向位移的距离 第二个属性值:像素是几,表示背景图片左上角针对border以内的坐上顶点垂直方向位移的距离 ...
代码如下: 个人博客模板 .box h2{color:#fff; border-bottom:#fff 1px solid; } h2下面的横线和h2之间的距离怎么取消,试了padding-bottom没有用,如图,蓝色背景下面边缘为border-bottom所处位置css 有用关注2收藏 回复 阅读4.6k 1 个回答 得票最新 hyrijk 28716 发布于 2017-03-08 line-height:...
那么这时候我们来看margin:0 auto; ,这个就表示上下的距离值是0,而左右就是自动适应,也就是我们常说的自动居中。 而你所说的margin:auto; , 就表示上下左右都自动适应。 margin【margin-top、margin-right、margin-bottom、margin-left】包含上、右、下、左四个方...
padding-bottom: value; padding-left: value; } 其中,element是您要应用内边距的HTML元素,四个方向上的内边距分别是上、右、下、左。使用padding-top、padding-right、padding-bottom和padding-left来分别设置四个方向上的内边距距离。可以使用长度单位或百分比来指定内边距的距离。注意:在实际应用中,可以根据需要选...