CSS Background
绘制图形
利用 Background 和渐变可以实现绘制图形。
这个网站几乎是 background
的上限:https://a.singlediv.com/ ,但也是冰山一角。
当background-position
为百分比值时,0%
表示的是图片左侧和画布左侧对齐,100%
或 right bottom
时表示图片右侧和画布右侧对齐,并不是指相对平移量
示例展示了利用控制 background-size
绘制定长直线。使用更大的 background
配合 radial-gradient
则可以绘制圆形及星型。