css border-bottom底部边框属性笔记

原创 PHP笔记  2017-10-12 19:40  阅读 1,590 views 次

css中,border-bottom属性是用来同时定义底部边框的多个属性,是一个简写属性,它的定义和用法和border属性相似。border-bottom属性可以定义的属性有:border-bottom-width、border-bottom-style和border-bottom-color。

属性值

border-bottom-width:底部边框宽度;

border-bottom-style:底部边框样式;

border-bottom-color:底部边框颜色;

inherit:border-bottom 属性值从父元素继承。

说明:border-bottom-width、border-bottom-style和border-bottom-color并不是border-bottom属性的属性值,它们和border-bottom一样,都是属性。它们的属性值才是border-bottom属性的属性值。

语法格式:

border-bottom:border-bottom-width属性值 border-bottom-style属性值 border-bottom-color属性值 / inherit;

说明:border-bottom属性的属性值可以是其中的1个、2个或者3个。

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css border-bottom底部边框属性笔记</title>
<style>
#bd1
{
border-bottom:6px solid red;
}
#bd2
{
border-bottom:solid blue;
}
#bd3
{
border-bottom:solid;
}
</style>
<head/>
<body>
<div id="bd1">css border-bottom底部边框属性演示1</div>
<div id="bd2">css border-bottom底部边框属性演示2</div>
<div id="bd3">css border-bottom底部边框属性演示3</div>
</body>
</html>

运行结果:

 

更多css属性——>css属性大全

本文地址:https://www.ggbiji.com/css-border-bottom.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情