hairline demo

演示原理

演示原理(先放大)

演示原理(再缩小)

各种边框示例

基础

直角边框

圆角边框

上边框

右边框

下边框

左边框

多条

多条边框

全圆角+多条边框

非全圆角+多条边框

输入

列表

列表项1
列表项2
列表项3

表格

横线表格
Class	Description
`.hairline`	base class
`.hairline--round`	round hairline border
`.hairline--top`	top hairline border
`.hairline--right`	right hairline border
`.hairline--bottom`	bottom hairline border
`.hairline--left`	left hairline border
`.hairline--input`	input/textarea element hairline border

纵线表格
Class	Description
`.hairline`	base class
`.hairline--round`	round hairline border
`.hairline--top`	top hairline border
`.hairline--right`	right hairline border
`.hairline--bottom`	bottom hairline border
`.hairline--left`	left hairline border
`.hairline--input`	input/textarea element hairline border

横纵表格
Class	Description
`.hairline`	base class
`.hairline--round`	round hairline border
`.hairline--top`	top hairline border
`.hairline--right`	right hairline border
`.hairline--bottom`	bottom hairline border
`.hairline--left`	left hairline border
`.hairline--input`	input/textarea element hairline border

对比普通边框

普通边框

对比 0.5px 边框

0.5px边框