只显示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;
    推荐使用

例子:
 <div>文字</div>
 <style>
 border: 1px solid #000;
 border-top:none;border-bottom:none;
 //使用的是第三种方法;写入上面4中方法的一种样式就可以了.
// 如果线框4px太细在border里面改写数字;
 border:**4px** solid #000;
// 设宽度可以用css
width:100px;
//想要线框居中在中间设置:
text-align:center;//文本对齐居中
line-height: 100px;//行高
 <style>
  • 8
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值