1、准备一个内容为空的div
2、给div设置宽高,宽度给小一点的值,竖线需要多长,就设置多高
3、只给div设置右边框(或者边框)
最终效果图:
使用div绘制竖线的优点是垂直居中更容易实现,竖线长度宽度都方便设置,(也试过直接用文字输入一条竖线,但是垂直方向总是无法居中)。
以此类推,如果想绘制一条水平线,那么就只给div设置上边框(或者下边框)。
1、准备一个内容为空的div
2、给div设置宽高,宽度给小一点的值,竖线需要多长,就设置多高
3、只给div设置右边框(或者边框)
最终效果图:
使用div绘制竖线的优点是垂直居中更容易实现,竖线长度宽度都方便设置,(也试过直接用文字输入一条竖线,但是垂直方向总是无法居中)。
以此类推,如果想绘制一条水平线,那么就只给div设置上边框(或者下边框)。