css3画矩形,矩形里面有多个圆圈,圆圈里面有字,如何实现?

html-css016

css3画矩形,矩形里面有多个圆圈,圆圈里面有字,如何实现?,第1张

首先你先定一个矩形区域，让这个区域的边框用border:像素 颜色 值；给边框四周上个颜色；

然后再次在这个矩形区域里面定义一个或者多个区域，同样给边框上个颜色，然后用border-radius:50%；这样就会让此矩形区域变换为圆形，依次在里面添加一个或者多个即可；

最后在你定义的圆形区域里面打上文字，如果那里不合适，用css控制一下区域或者文字；

希望我的回答能帮到你；

设置矩形边框 ：border : 1px solid #000000

添加文字：

<ul>

<li>九寨沟</li>

<li>黄山风景区</li>

。。。。。

。。。。。

。。。。。

</ul>

根据实际写N对li即可

希望可以帮到你～