您的位置首页生活百科

css中使用border-radius画圆

css中使用border-radius画圆

的有关信息介绍如下:

css中使用border-radius画圆

在css中可以border-radius属性设置元素的外边框圆角,今天我来给大家介绍下css中使用border-radius画圆

首先在编辑器里新建一个test.html,用来学习css中使用border-radius画圆

在body区域里,新建一个class为radius的div

在css标签中,给radius写上基础属性:宽200px,高200px,居中显示,并且给div一个大小为1px,颜色为黑色的实线

在浏览器中打开test页面,看一下现在的效果

回到编辑器,在radius的样式里,写上border-radius:50%

在浏览器中打开test页面,看一下最终效果