borderbottom（borderbottom属性）

本文目录一览：

• 1、border-bottom: #e0e0e0 1px solid;是什么意思?
• 2、css中BORDER-BOTTOM是下划线，怎么实现垂直居中的线？
• 3、在html中如何设置底部边框
• 4、border-bottom: none表示什么意思啊，谢谢

border-bottom: #e0e0e0 1px solid;是什么意思?

1、#e0e0e0 ：表示给边框底部的一种颜色；

2、1px：表示边框底部的宽度；

3、solid这表示边框底部的样式；

4、border-bottom表示对边框的底部进行设置；

border-bottom 属性是一种复合属性，用于设置对象的下边框的宽度、样式和颜色值。

所有未由 border-bottom 复合属性设置的单独边框属性都将设置为其默认值。例如，width 的默认值为 medium 。

如果未指定颜色，则使用文本颜色。

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

在html中如何设置底部边框

1、首先新建一个html文件，输入基本的内容，这里设置一个div，并把它的class设置为demo，用浏览器打开看看默认的效果：

2、设置div的样式，这里给div300px的宽度。用border-bottom属性，设置底框为3像素，用实线框，颜色偏红色，设置完成后保存查看效果：

3、继续对边框美化，用box-shadow属性加入阴影效果，4个数值分别为垂直阴影，水平阴影，阴影尺寸，阴影颜色；设置阴影圆角为4em，最后按下crtl+s保存，在左边的浏览器就可以看见边框新的效果了：

border-bottom: none表示什么意思啊，谢谢

font-family 字体。

font-weight字体粗细：有3种指定方法：“normal”和“bold”；第2种是相对值，它的粗细是相对于上级元素的继承值而言的，包括“bolder”和“lighter”两个；第3种是用数值定义，包括从“100”到“900”的9个数字序列（只能是100、200之类的整百数）。

MARGIN-TOP顶边界。（外部）

LINE-HEIGHT行高。

repeat是设置背景图如何重复。no-repeat不重复。 repeat-x横向重复/y纵向重复。

bottom就是指底部。

padding-bottom底部填充。（内部）

margin-left左边界。（外部）

height高度。

background:ransparent 背景透明，元素默认背景颜色就是透明的。

top 指顶部

text-decoration对文本进行修饰。比如有无下划线

WIDTH 宽度

PADDING-right 右填充（内部）

DISPLAY是否及如何显示元素

text-indent 缩进元素中的首行文本

cursor:move鼠标形状：移动

background:;filter:alpha(opacity=0)背景透明度为0

text-align:RIGHT 文字右对齐

border-bottom-width 底边框宽度

border-left-width 左边框宽度

padding-top 顶部填充（内部）

padding-bottom 底部填充（内部）

关于borderbottom和borderbottom属性的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。