borderbottom(border-bottom: #e0e0e0 1px solid;是什么意思)
大家好,关于borderbottom很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于border-bottom: #e0e0e0 1px solid;是什么意思的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮助!
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中a标签可以用border-bottom属性吗
boder标签适用于块级元素和行内元素,因此border-bottom是可以控制a标签的。但是margin标签来说,我们一般把一个元素居中,是针对于块元素,比如P标签或者div标签。而a标签是属于行内元素(没有独占一行的元素)。所以我们要使a标签这样的行内元素同样具有块元素的属性,就可以在样式内margin之前加入display:inline-block;这样一句就可以解决上述问题,望采纳
border-bottom的border-bottom值
一个字符串,用于指定或接收下列一个或多个空格分隔值:可用于 border-bottom-color属性的任何颜色值范围。
一个变量,用于指定或接收一个默认 HTML颜色名称或 RGB值。
该属性无默认值。该属性不会被继承。
注解
某些浏览器无法识别颜色名称,但是所有浏览器都应该识别 RGB颜色值并能够正确显示它们。
示例
以下示例使用 border-bottom-color属性指定下边框的颜色。本示例通过调用内嵌(全局)样式表,在 onmouseover事件发生时将下边框的颜色从 red更改为 blue:
<head><style>
td{ border-bottom-color: red;
border-width: 0.5cm; border-style: groove;}
.blue{ border-bottom-color: blue;}
</style>
</head>
<body>
<table border>
<tr>
<td onmouseover=this.className='blue' onmouseout=this.className=''>
<img src=sphere.jpg>
</td>
</tr>
</table>可用于 border-bottom-style属性的任何样式值范围。
可能的值属性描述none定义无边框。
hidden与 none相同。不过应用于表时除外,对于表,hidden用于解决边框冲突。
dotted定义点状边框。在大多数浏览器中呈现为实线。
dashed定义虚线。在大多数浏览器中呈现为实线。
solid定义实线。
double定义双线。双线的宽度等于 border-width的值。
groove定义 3D凹槽边框。其效果取决于 border-color的值。
ridge定义 3D垄状边框。其效果取决于 border-color的值。
inset定义 3D inset边框。其效果取决于 border-color的值。
outset定义 3D outset边框。其效果取决于 border-color的值。
注解
必须设置大于零的 border-width,以便呈现 border-bottom-style属性。
示例
以下示例使用 border-bottom-style属性来指定边框样式。此示例通过调用内嵌样式表将下边框的样式更改为 groove:
<head><style>
td{ border-bottom-style: solid; border-width: 0.3cm;}
.change{ border-bottom-style: groove;}
</style>
</head>
<body>
<table border>
<tr>
<td onmouseover=this.className='change' onmouseout=this.className=''>
<img src=sphere.jpg>
</td>
</tr>
</table>可用于 border-bottom-width属性的任何宽度值范围。该属性的默认值为 medium。该属性不会被继承。
可能的值
一个变量,用于指定或接收下列值之一:
medium默认值。
thick大于默认宽度。
thin小于默认宽度。
宽度浮点数,后跟绝对单位指示符( cm、 mm、 in、 pt或 pc)或相对单位指示符( em、 ex或 px)。
示例
以下示例使用 border-bottom-width属性指定边框宽度。本示例通过调用内嵌(全局)样式表,在鼠标单击发生时将下边框的宽度更改为 1厘米:
<head><style>
td{ border-bottom-width: 3mm;}
.changeborder 1{ border-bottom-width: 1cm;}
</style>
</head>
<body>
<table border>
<tr>
<td onclick=this.className='changeborder 1' ondblclick=this.className=''>
<img src=sphere.jpg>
</td>
</tr>
</table>
感谢您的阅读!希望本文对解决您关于borderbottom的问题有所帮助。如果您还有其他疑问,欢迎随时向我们提问。