如果我想给div下面或者右边显示边框,就一条线,请问代码怎么写呢
具体代码如下:
<div style=" border-bottom:solid 1px green; border-left:solid 1px gray; border-right:solid 1px blue; border-top:solid 1px red"></div>
代码解释:border-bottom 下边框 border-left 左边框
border-right 右边框 border-top上边框
以border-bottom:solid 1px green为例解释:
border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性:
border-width 规定边框的宽度。
border-style 规定边框的样式。
border-color 规定边框的颜色
如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。
拓展资料:
DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。
<div> 可定义文档中的分区或节(division/section)。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。
注释:<div> 是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。
提示:请使用 <div> 元素来组合块级元素,这样就可以使用样式对它们进行格式化。
</div>
border-bottom下边框
border-left左边框
border-right右边框
border-top上边框
.left { float:left}
.big{ border:#CCC solid 1px; }
.qingchu{clear:both}</style></head>
border-bottom:1px solid #666;