Question

HTML中只让border-color 一边有颜色 其他边没有颜色

HTML中只让border-color 一边有颜色 其他边没有颜色（透明色也行）

Answer 1

1、首先打开hbuilder编辑器， 新建一个html文件，里面创建一个div容器，并设置div的class属性为div。

2、然后在head标签中的style标签里面给div一个高度和宽度，并设置div的背景颜色和边框，再设置上、下、左边框的border-color属性为rgba，rgba中设置透明度为0，这样就可以只要一个边有颜色了。

3、左后打开六七，就可以看到这个div只有右侧的边是有颜色的了。

Answer 2

只让border的一边有颜色：

• 了解border属性：

1、border（包括四条边，统一设置四条边框的样式）

如代码：

<div style="width:100px;height:100px;border:1px solid red;">nihao</div>

2、border-top(代表上边框，只能设置上边框的各样式)

如代码：

<div style="width:100px;height:100px;border-top:1px solid red;">nihao</div>

3、border-left(代表左边框，只能设置左边框的各样式)

如代码：

<div style="width:100px;height:100px;border-left:1px solid red;">nihao</div>

4、border-right(代表右边框，只能设置右边框的各样式)

如代码：

<div style="width:100px;height:100px;border-right:1px solid red;">nihao</div>

5、border-bottom（代表下边框，只能设置下边框的各样式）

如代码：

<div style="width:100px;height:100px;border-bottom:1px solid red;">nihao</div>

• 根据上面的属性介绍：

1、border:none;(none代表没有边框)；

2、1px(代表边框的大小)；

3、red(代表颜色，可以写16进制，如#F00FF0；)；

4、根据自己的需求替换对应的属性值就可以了。

Answer 3

border: 1px solid #000; //四周都有1像素黑色的实线
border-left: 1px solid #000; //左边有1像素黑色的实线
border-right: 1px solid #000; //右边有1像素黑色的实线
border-top: 1px solid #000; //上边有1像素黑色的实线
border-bottom: 1px solid #000; //下边有1像素黑色的实线

Answer 4

两种办法都可以。
1、一种是设置一个边框:
border-left,border-right,border-right,border-right,都可以，给其中一个设置样式即可。
2、还有一种办法是在设置border的基础上，再去设置border-color：
border-color的定义用法：
border-color 属性设置四条边框的颜色。此属性可设置 1 到 4 种颜色。
例如 border-color:red green blue pink;

上边框是红色
右边框是绿色
下边框是蓝色
左边框是粉色
要想设置一边颜色可以修改成：
border-color: red transparent transparent transparent;

上边框是红色，其他边框透明。

Answer 5

html让border-color一边有颜色：
直接写border-方向-color:color;就可以了
前提是，你的border-color对应的border必须是存在的，如果没有边框，怎么设都没用。
其它边没有颜色的话你就要设置为透明或者无边框
例如：border:1px solid;border-left-color:brown;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;
或者border-left:1px solid brown;