sunshine
管理员
管理员
  • 最后登录2023-10-30
  • 发帖数170
  • 社区居民
阅读:11104回复:2

[css]border 属性不加颜色,如:border:1px solid 的使用

楼主#
更多 发布于:2018-05-31 16:35
在写一个小程序时,布局如图:

图片:边框.jpg


有两个按钮,黑色背景的是选中状态,在选中时,没有边框. 于是把border:设为0 , 结果发现border 设置为0 ,不用实现上现的效果,按钮整体会向上1px ,就不能重直居中了.
最后使用了:border:1px solid;
一般使用的时候,都是border: 粗细 样式 颜色; 三个属性都写完了的. 今天发现了,可以使用border:1px solid;
那这里border-color的值是什么 呢?

查了一下手册:

图片:border.jpg



border-color 属性的值有以下三种情况,而transparent是默认值 。 所以border:1px solid; 当使用这个样式 时,实际就是没有指定具体的颜色,这时就会使用默认的颜色值,transparent即透明色。所以能实现最上图的显示效果。
sunshine
管理员
管理员
  • 最后登录2023-10-30
  • 发帖数170
  • 社区居民
沙发#
发布于:2018-06-02 15:15
gk123456:sunshine!回到原帖
哈哈
gk123456
新手
新手
  • 最后登录2019-06-03
  • 发帖数8
板凳#
发布于:2018-06-01 20:11
sunshine!
游客


返回顶部

公众号

公众号