本文目录一览：
- 1、css中BORDER-BOTTOM是下划线，怎么实现垂直居中的线？
- 2、border-bottom: #e0e0e0 1px solid;是什么意思?
- 3、css用border-bottom写三角形，有没有办法让...？
css中BORDER-BOTTOM是下划线，怎么实现垂直居中的线？
代码如下：
!doctype html
html
head
meta charset="utf-8"
title无标题文档/title
style
.my-para{
height:30px;
line-height:30px;
width:400px;
display:flex;
text-align:center;
}
.my-para span{
height:1px;
width:200px;
border-bottom:1px solid #333;
margin:auto;
display:inline-block;
}
/style
/head
body
p class="my-para"新闻标题文字span/span2017.12.12/p
/body
/html芹氏
如图所示：
解释：垂直居中的直线可以设置为span嫌陵散/span,span标签的父元素汪和p标签的css属性设置为：display:flex;text-align:center; 设置span为块级元素，给它宽、高、下边框。 span标签的属性设置为：margin:auto; 这样就可以使span的下边框垂直居中与父级元素p-borderbottom
border-bottom: #e0e0e0 1px solid;是什么意思?
1、#e0e0e0 ：表示给边框底部的一种颜色；
2、1px：表示边框底部的宽度；
3、solid这表示边框底部的样式；
4、border-bottom表示对边框的底部进行设置；
border-bottom 属性是一种复合属性，用于设置对象的下边框岩闷的宽度、样式和颜色值。
所有未由 border-bottom 复合属性设置的单独边框属性都将设置为其默认值。例如，粗稿弯width 的默认值为 medium 。
如果未指定颜敬颂色，则使用文本颜色。
css用border-bottom写三角形，有没有办法让...？
用边框模拟的三角形的确存在这样的问题，但你可以使用margin、vertical-align这类声明来微调三角形的位置，使其对布局的影响降到最小。另外，还可以使用实体字符来模拟三角形，例如：△帆枝▲♦，然后用font-size和color等属性来控基轿晌搏锋制其样式；字符模拟的另一种实现方式是用iconfont，即图标字体，网上有很多资源可以下载下来用的，兼容性也不错。-borderbottom
