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

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

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像素黑色的实线

只让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、根据自己的需求替换对应的属性值就可以了。

我暂时保留我的看法！

我暂时保留我的看法！

 border-left:1px rgba(0,0,0,1) solid; border-right:1px rgba(0,0,0,0) solid;
左边框1px黑色，右边框1px黑色透明，rgba()前面三个参数是rgb色值最后一个参宿代表透明度。