通常网页设计语言HTML是和CSS样式一起配合来使用的，通俗的说HTML就是搭建框架，CSS就是起装饰的作用。那么在HTML设计时怎么让设置的对象边框变为圆形，下面就让我们一起来实际操作一下。

第一步：首先我们新建一个文件夹，起一个名字（最好时英文名称）。这样就方便我们进行该网页内容的管理。

第二步：打开Adobe Dreamweaver CS4 软件，新建一个HTML文件，并另存到刚才新建的文件夹中。

第三步：在标签的中间开始使用div标签写上：

第四步：在标签的里面写上样式标签，并在里面写上：

第五步：为啥要设置width和height的值一样，因为我们的目标时圆形，所以首先保证它是一个正方形。接下来，最关键的一个边框属性就是：border-radius:50%;

第六步：保存好，我们在浏览器中进行预览。此时我们可以看到是一个标准的圆形。

总结：