12.9 日报

CSS样式 边框线属性样式、内外边距和margin垂直不重叠办法

Lululovesickness 2020-12-09 16:09:22 29 收藏
分类专栏： html、css
版权
边框属性
属性 含义
border-width 边框粗细
border-style 边框样式
border-color 边框颜色
border-radius 圆角边框
border的连写
border:线条粗细 边框样式 线条颜色;
1
颜色的表现方式可以为：十六进制、rgb函数、rgba函数、英文单词

在这里插入图片描述

border样式可以自定义input边框线

单向边框样式
// top上 bottom下 left左 right右
border-方位名词:像素 线条 颜色;
1
2
取消边框
border:none;
1
透明的边框
border-color:transparent
1
内边距padding
//只给一个值时
padding: 上下左右;

//只给两个值时
padding: 上下 左右;

//只给三个值时
padding: 上 左右 下;

//只给四个值时
padding: 上 右 下 左;
外边距margin
// 只给一个值时
margin: 上下左右;

// 只给两个值时
margin: 上下 左右;

// 只给三个值时
margin: 上 左右 下;

// 只给四个值时
margin: 上 右 下 左;

若要盒子在水平方向上居中 左右设为auto