css border的深入理解

作者: 李诺哦 | 来源:发表于2017-10-05 12:49 被阅读25次

border不支持百分比布局

border-color默认颜色是color，类似有box-shadow

使用场景:
鼠标指向元素，元素与border同时变色

利用solid效果特性，实现三角形效果只需要将边框其他三边颜色设为transparent(透明)即可

也可使用梯形效果实现模拟圆角

CSS 深入理解 border
第一节：border-width的特性 border-width 不支持百分比原因：border 的语义决定，所...
css border的深入理解
border不支持百分比布局 border-style: dashed虚线 solid实现 dotted点 dou...
CSS border深入理解及应用
Border 几种常见的边框用法。以下介绍均为个人见解，如有不对的地方，请多多指教，非常感谢。目录透明边框的实...
css border相关深入
css border相关深入通过border样式画出各种形状 html 通过边框阴影box-shadow 不同阴...
深入理解border
根据慕课网教程，整理相关知识如下：一、border-widthborder-width不支持百分比，类似的还有o...
CSS理解之border
border: 1px solid red;(border-width、border-style、border-c...
深入理解border属性
border不支持百分比值 1 .css属性是为了显示图文。2 .边框设计的初衷可能是为了白底的图片和外面区分，所...
CSS行高
css行高line-height的一些深入理解及应用深入理解CSS中的行高
笔记: CSS深入理解vertical-align和line-h
参考 CSS深入理解vertical-align和line-height的基友关系深入理解css中vertica...
Vue 移动端准备工作 reset.css 和 border.c
reset.css border.css