CSS 圆角
css的border-radius属性可以实现圆角、圆形、椭圆形。 实现上述圆角的前提是盒子要有边框。 规则圆角 下面的示例演示了圆角、赛道、圆形,我们先看效果图。 下面是实现的代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < title >圆角</ title > < style > div{ margin:20px; } div.one{ width:50px; height:50px; border:1px solid #333; border-radius:7px; } div.two { width:120px; height:50px; border:1px solid #333; border-radius:50px; } div.three { width:120px; height:120px; border:1px solid #333; border-radius:120px; } </ style > </ head > < body > < h1