如果我想给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>元素来组合块级元素，这样就可以使用样式对它们进行格式化。

1、新建一个HTML页面。

2、在HTML的中写上

标签，打开浏览器会有对应的效果图。

3、内部嵌套css或者外部引用css文件（一般外部引用），给div增加样式，可以统一设置边框样式。

4、也可以分别设置边框样式。

1div上边加1px黑色边框\x0d\x0adiv{border-top:1pxsolid#000}\x0d\x0a\x0d\x0a2给div底部加边框\x0d\x0adiv{border-bottom:2pxdashed#F00}\x0d\x0a\x0d\x0a3在div盒子左侧加边框\x0d\x0a.divcss5{border-left:1pxsolid#00F}\x0d\x0aDIV代码：\x0d\x0a此DIV盒子左侧为1px实线蓝边框\x0d\x0a\x0d\x0a4在盒子div右侧加边框\x0d\x0adiv{border-right:1pxsolid#F00}\x0d\x0a\x0d\x0a5在盒子上下加边框\x0d\x0adiv{border-top:1pxsolid#000border-bottom:1pxsolid#000}\x0d\x0a\x0d\x0a6给div盒子左右加边框\x0d\x0adiv{border-left:2pxdashed#0F0border-right:2pxdashed#0F0}\x0d\x0a\x0d\x0a7给一个DIV四边加上3px实现黑色边框\x0d\x0a\x0d\x0adiv{border:3pxsolid#000}

---