bordercolor属性(bordercolordark属性)
HTML中只让border-color 一边有颜色 其他边没有颜色
1、首先打开hbuilder编辑器，?新建一个html文件，里面创建一个div容器，并设置div的class属性为div。
2、然后在head标签中的style标签里面给div一个高度和宽度，并设置div的背景颜色和边框，再设置上、下、左边框的border-color属性为rgba，rgba中设置透明度为0，这样就可以只要一个边有颜色了。
3、左后打开六七，就可以看到这个div只有右侧的边是有颜色的了。
border属性有几种？
boeder边框设置：
边框样式：border-style: ;
边框颜色：border-color: ;
边框宽度：border-width: ;
对每个边框设置：border-bottom/top/left/right-color/style:
简写：border: 5px solid red;
border圆角：
border-radius:?10px?10px?10px?10px/10px?10px?10px?10px;（如果是八个值，其设置顺序如下图）
设置某一个角：
border-top-left-radius:?10px;
border-bottom-right-radius:?20px;
设置border-color属性时可以不用设置border-
设置border-color属性时可以不用设置border-style和border-top。因为设置颜色的话，置顶和格式是可以不设置的。
css里设置border颜色
border:solid 1px #ffffff;
解释：
border:样式 宽度 颜色;
大部分元素的默认宽度为0，如果不设置宽度，即使设置了样式和颜色也没用。
css table的bordercolor怎么设置
设置table的bordercolor的方法：
table{
width:100;
border-color:red;
border:1px;
background:yellow;
}
Table控件主要用于在web页面上创建表格，其功能与HtmlTable类似。不同的是，Table控件可以用动态的内容以编程的方式来生成表格。
深入理解border属性
1 .css属性是为了显示图文。
2 .边框设计的初衷可能是为了白底的图片和外面区分，所以加一个1px的边框就能看清
3 .边框一般不需要跟随设备变大而变大。
4 .所以其他属性outline,box-shadow,text-shadow也是这来原因而决定的.
1 .1px
2 .thin:1px
3 .medium:3px，默认值。主要是因为border-style:double。至少需要3px才生效
4 .thick:4px
1 .none:所以单纯设置border-width,border-color没有边框显示的原因. 1.5px solid #000 .默认样式是这样
2 .solid:实线
3 .dashed:虚线 :颜色区和透明区的比例所占的不一样，chrome是2:1，IE,火狐是3:1
4 .dotted:圆点边框
5 .double:双线板框。线框的表现还和宽度有关系，宽度不同最后的表现也不一样
6 .其他：inset（内凹）,out（外凹），沟槽（groove），ridge(山脊)
1 .border-color默认颜色是color色值，如果没有指定边框颜色，就会使用color的颜色,outline,,box-shadow,text-shadow也是这样
1 .右下方background定位技巧.background定位的一个局限是只能根据左上角定位，而不能相对右下角.一个宽度不固定的元素，我们需要在距离右边缘50像素的位置设置一个背景图片
2 .增加点击区域大小：通过使用透明边框可以增加点击区域的大小
border:50px solid transparent;
3 .三角形绘制
1 .背景图片相对于background-image属性的位置
2 .border-box
3 .content-box
4 .padding-box
1 .center:居中图片
2 .top.left
1 .上面构造出来的全等三角形，其实是由两个直角三角形拼接成的。
2 .所以如果设置某一条边的宽度是0，就可以只显示左边的，实现一个直角三角形