div border-radius
生活随笔
收集整理的這篇文章主要介紹了
div border-radius
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
可以畫個1/4之一的圓也可以畫整個圓
?
<html> <style type="text/css"> div{background-color: #000;width: 100px;height: 100px;border-radius: 50px;position: absolute; }#half{background-color: #fff;width: 50px;height: 50px;top: 1px;left: 1px;position: absolute; border-radius: 50px 0 0 0 ; } </style> <body><div><div id="half"></div></div> </body> </html>效果：
也可以畫個半圓
<html> <style type="text/css"> body{background-color: #f00; } div{content: "";position: relative;left: 200px;width: 200px;height: 400px; border-radius: 0px 200px 200px 0px;background-color: #fff;display: block; } </style> <body><div></div> </body> </html>?
轉載于:https://www.cnblogs.com/ghgyj/p/4034835.html
總結
以上是生活随笔為你收集整理的div border-radius的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 理解request.getSession
- 下一篇： 第六章、epub文件处理 -- 解析co