HTML5基础----边框样式

一.元素的三要素
A.边框
边框的三要素:
1.线的类型:border-(top/bottom/left/right)-style:
取值 含义
none 不显示边框,此为默认属性值
dotted 点线
dashed 虚线
solid 实线
double 双实线
groove 边框带有立体感的沟槽
ridge 边框成脊形
inset 使整个方框凹陷,即在边框内嵌入一个立体边框
outset 使整个方框凸起,即在边框外嵌入一个立体边框

2. 边框的粗细:border-(top/bottom/left/right)-width:

border-top
border-bottom
border-left
border-right
3. 边框的颜色:
border-(top/bottom/left/right)-color:
B. 内边距
padding-top:数值px;
padding-bottom:数值px;
padding-left:数值px;
padding-right:数值px;

C. 外边距
margin-top:数值px;
margin-bottom:数值px;
margin-left:数值px;
margin-right:数值px;

二.列表
列表样式:
list-style-type:类型;
list-style-image:url(“图片路径”);
list-style-position:inside(li的内部)/outside(外部);

发布了32 篇原创文章 · 获赞 96 · 访问量 1583

猜你喜欢

转载自blog.csdn.net/qq_44534541/article/details/105519521