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>