borderbottom(borderbottomwidth)

http://www.itjxue.com  2023-01-28 10:01  来源:未知  点击次数: 

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

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

2、1px:表示边框底部的宽度;

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

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

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

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

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

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 底部填充(内部)

border-bottom属性的设置

设置div的height,加上清除左右浮动、溢出隐藏两个属性应该就行了 clear:both;overflow:hidden

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

(责任编辑:IT教学网)

更多

相关淘宝营销文章

推荐淘宝营销文章