css border边框属性笔记

原创 PHP笔记  2017-10-12 19:34  阅读 2,345 views 次

css中,border属性是用来同时定义多个边框属性,是一个缩写属性。border属性可以定义的属性有:border-width、border-style和border-color。

border属性值

  • border-width:边框的宽度
  • border-style:边框的样式
  • border-color:边框的颜色
  • inherit:应该从父元素继承border属性值

说明:border-width、border-style和border-color属性的属性值才是border属性的属性值。

语法格式:

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

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

实例:

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

运行结果:

 

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

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

发表评论


表情