css border-radius property
Translation results：
border
UK[ˈbɔ:də(r)] US[ˈbɔ:rdə(r)]
n.Border; edge; edging; wrapping Edge
vt.& vi. Bound with, on the edge of...
vt. Along the edge of, surround..., edge...
vi. Approximate, adjacent
Third person singular: borders Plural: borders Present participle: bordering Past tense: bordered Past participle: bordered
radius
英[ ˈreɪdiəs] 美[ˈrediəs]
n. Radius; radius range; radius (distance); circular area measured by radius
Plural: radii
css border-radius propertysyntax
Function: Abbreviation attribute, used to set four border-*-radius attributes.
Syntax: border-radius: 1-4 length|% / 1-4 length|%;
Description: length Defines the shape of the fillet. % defines the shape of the fillet as a percentage.
Note: Set the four values of each radii in this order. If bottom-left is omitted, it is the same as top-right. If bottom-right is omitted, it is the same as top-left. If top-right is omitted, it is the same as top-left.
css border-radius propertyexample
<!DOCTYPE html>
<html>
<head>
<style>
div
{
text-align:center;
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
}
</style>
</head>
<body>
<div>border-radius 属性允许您向元素添加圆角。</div>
</body>
</html>Run instance »
Click the "Run instance" button to view the online instance