Home  >  Article  >  Web Front-end  >  CSS3 border-top-left-radius property

CSS3 border-top-left-radius property

PHP中文网
PHP中文网Original
2017-06-02 09:50:131489browse

Mainly adds rounded borders to the four corners of the p element:

The example is as follows:

<!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>
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn