只显示border边框左右(上下)两边怎么写?

  1. 先设全边框,再取消上下边框样式
    border: 1px solid #000;
    border-style:none solid;
    不建议使用(原因:idea里面会爆黄并提示:属性边界被覆盖;属性边框样式重复属性边框)

  2. 先设全边框,再设置上下边框的线为没有
    border: 1px solid #000;
    border-width:0 1px;
    不建议使用原因如见上一条

  3. 先设全边框,再取消上下边框的宽度
    border: 1px solid #000;
    border-top:none;border-bottom:none;
    推荐使用

    csdn博客插入代码里面我不知道怎么换行,代码片和代码块也不知道怎么换,强迫症自行换行。

  4. 直接设置左右边框,上下边框不设置
    border-left: 1px solid #000; border-right: 1px solid #000;
    推荐使用

例子:
 
文字