css怎么写圆形
程序员文章站
2022-03-26 10:18:27
...
css写圆形的方法:首先准备一个空的html结构;然后在其中放置一个空的div;接着添加一个背景;最后通过添加border-radius属性实现圆形效果即可。
本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
首先准备一个空的html结构,然后在其中放置一个空的div,如下图所示
然后去除浏览器中一些特有的样式,如下图所示,去除了边距等样式
然后去除浏览器中一些特有的样式,如下图所示,去除了边距等样式
然后我们给这个样式一个宽高,,并添加一个背景,如下图所示
最后,也是最关键的就是给样式添加border-radius属性,其值为宽或高的一半,如下图所示
最后运行程序,你就会在界面中看到如下图所示的一个圆形了
综上所述,HTML5画圆形首先要定义方形的div,然后设置border-radius为div长度的一半即可
推荐学习:《css视频教程》
以上就是css怎么写圆形的详细内容,更多请关注其它相关文章!
下一篇: PHP中变量与常量实例分析
推荐阅读
-
求问超级简单的数据表查询怎么写?
-
静态html怎么显示用户登录之后的信息_html/css_WEB-ITnose
-
网站出现白边(图)源码中的"" 是怎么来的_html/css_WEB-ITnose
-
CSS3里怎么实现首页穿墙广告效果
-
css中这样写的好处是什么_html/css_WEB-ITnose
-
利用CSS3怎么做出不规则图片的切换特效制作
-
这样的需求sql怎么写?
-
这里的大括号怎么看都没发现图片,又没发现文字{},到底怎么弄出来的呢?_html/css_WEB-ITnose
-
rest-Azure REST API中的Authorization中的头标到底该怎么写——CSDN问答频道
-
织梦无法放在二级目录 放在二级目录之后 所有的图片 还有css文件全都不显示了 哪位高手知道怎么回事 咋设置