只显示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;

  4. 直接设置左右边框,上下边框不设置
    border-left: 1px solid #000;border-right: 1px solid #000;
    左右两边是一样的,举一反三,
    例子:

文字

猜你喜欢

转载自blog.csdn.net/weixin_42220130/article/details/89156643