CSS - border-bottom-style 属性_CSS 菜鸟教程

定义和用法

该属性设置元素底部边框的样式。border-bottom-style

例

为底部边框设置样式：

div {border-bottom-style: dotted;}

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

div {border-bottom-style: dashed;}

div {border-bottom-style: solid;}

div {border-bottom-style: double;}

div {border-bottom-style: none;}

div {
	 border-bottom-style: groove;
	 border-bottom-color: coral;
	 border-bottom-width: 7px;
}

div {
	 border-bottom-style: ridge;
	 border-bottom-color: coral;
	 border-bottom-width: 7px;
}

div {
	 border-bottom-style: inset;
	 border-bottom-color: coral;
	 border-bottom-width: 7px;
}

div {
	 border-bottom-style: outset;
	 border-bottom-color: coral;
	 border-bottom-width: 7px;
}