border-bottom border-bottom: #e0e0e0 1px solid;是什么意思
大家好,今天小编来为大家解答border-bottom这个问题,border-bottom: #e0e0e0 1px solid;是什么意思很多人还不知道,现在让我们一起来看看吧!
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>
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底部填充(内部)
css中border-bottom:solid 1px #e1e1e1什么意思
这就是一些标准的css样式表啊。
太多了,就解释一个,其它的你自己查找属性表
.tit
.tit#代表html里面调用的样式,这个是用class调用
{}里面的就是这个样式的属性值,根据自己的需要进行定制
这里的表示是颜色为#000000;字体大小为18px;行间距为22px;字体样式为粗体。
这样的教程很多,自己去学和实践
另外,虚机团上产品团购,超级便宜
关于border-bottom的内容到此结束,希望对大家有所帮助。