border-radius怎样给元素添加圆角边框


当前第2页 返回上一页

1

2

3

4

5

6

div{  

  height:100px;/*与width设置一致*/ 

  width:100px;  

  background:#9da;  

  border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ 

  }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

<!doctype html> 

<html> 

<head> 

<meta charset="utf-8"

<title>border-radius</www.dztcsd.com/title> 

<style type="text/css"

div.circle{  

    height:100px;/*与width设置一致*/  

    width:100px;  

    background:#9da;  

    border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/  

    }  

/*任务部分*/     

div.semi-circle{   

    height:100px;  

    width:50px;  

    background:#9da;  

    border-radius:?;  

    }  

       

</style> 

</head> 

<body> 

<div class="circle"

</div> 

<br/> 

<!--任务部分--> 

<div class="semi-circle"

</div> 

   

</body> 

</html>

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

怎样用h5的sse服务器发送EventSource事件

H5的本地存储和本地数据库详细介绍

h5如何实现记住密码功能

以上就是border-radius怎样给元素添加圆角边框的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css如何设置圆角

html怎样使用style添加属性

border-radius怎样给元素添加圆角边框

div元素怎样添加圆角边框

css border-radius属性怎么用

css图片怎么变圆

html中表格动态添加的方法

css怎么把div设置成圆角

border-radius是什么意思

border-radius属性怎么使用

更多相关阅读请进入《border-radius》频道 >>




打赏

取消

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

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

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

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

评论

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