border-bottom,borderbottom属性
css中border-bottom:solid 1px #e1e1e1什么意思
border-bottom:对象下边线
solid:线类型: 实线
1px:线宽:1像素
#elelel:线颜色
css中a标签可以用border-bottom属性吗?
boder标签适用于块级元素和行内元素,因此border-bottom是可以控制a标签的。但是margin标签来说,我们一般把一个元素居中,是针对于块元素,比如P标签或者div标签。而a标签是属于行内元素(没有独占一行的元素)。所以我们要使a标签这样的行内元素同样具有块元素的属性,就可以在样式内margin之前加入display:inline-block;这样一句就可以解决上述问题,望采纳
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: #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保存,在左边的浏览器就可以看见边框新的效果了: