|
在写一个小程序时,布局如图:
图片:边框.jpg
有两个按钮,黑色背景的是选中状态,在选中时,没有边框. 于是把border:设为0 , 结果发现border 设置为0 ,不用实现上现的效果,按钮整体会向上1px ,就不能重直居中了. 最后使用了:border:1px solid; 一般使用的时候,都是border: 粗细 样式 颜色; 三个属性都写完了的. 今天发现了,可以使用border:1px solid; 那这里border-color的值是什么 呢? 查了一下手册: 图片:border.jpg
border-color 属性的值有以下三种情况,而transparent是默认值 。 所以border:1px solid; 当使用这个样式 时,实际就是没有指定具体的颜色,这时就会使用默认的颜色值,transparent即透明色。所以能实现最上图的显示效果。 |
|
