笔记：border-radius兼容写法

最新推荐文章于 2025-06-16 20:55:09 发布

Begie K

最新推荐文章于 2025-06-16 20:55:09 发布

阅读量1.3w

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/begie_koo/article/details/72677466

笔记专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用CSS实现圆形布局的方法。通过设置div元素的宽度、高度相等，并利用border-radius属性达到完美的圆形效果。文章提供了完整的HTML和CSS代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>radius</title>
<style type="text/css">
  div{
    width:500px;
    height:300px;
    border:1px solid black;
    -webkit-border-radius:50%;
       -moz-border-radius:50%;
        -ms-border-radius:50%;