首页 >web前端 >html教程 >CSS3 border-top-left-radius属性

CSS3 border-top-left-radius属性

PHP中文网
PHP中文网原创
2017-06-02 09:50:131523浏览

主要是向 p 元素的四个角添加圆角边框:

实例如下:

<!DOCTYPE html>
<html>
<head>
<style> 
p
{
border:2px solid;
padding:10px;
background:#dddddd;
border-top-left-radius:1em;
border-top-right-radius:1em;
border-bottom-right-radius:1em;
border-bottom-left-radius:1em;
-webkit-border-top-left-radius:1em; /* Safari */
}
</style>
</head>
<body>

<p>border-top-left-radius 属性允许您向左上角添加圆角边框。</p>

</body>
</html>
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn