css怎么实现半圆


当前第2页 返回上一页

实现方式:宽度、高度设置为一样,然后四角圆角半径设置为宽度、高度的一半

1

2

3

4

5

6

7

8

9

10

11

12

13

<!DOCTYPE html><html lang="en"><head>

    <meta charset="UTF-8">

    <title>圆</title>

    <style type="text/css">

        p{

            width: 100px;

            height: 100px;

            border:1px solid black;

            background-color: blue;

            border-radius: 50px;

        }

    </style></head><body>

    <p></p></body></html>

结果:

推荐:《HTML视频教程》《css视频教程》

以上就是css怎么实现半圆的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css子类选择器是什么

css 页面显示不全怎么办

css中的display是什么意思

css怎么设置内边距

怎样在外连接css文件

css怎么设置字体白色描边

css中hgroup是什么意思

css中什么属性可为元素设置外边距

利用gulp实现压缩的实例

老司机来和你谈谈,为什么说css是最难的!!

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...