css3 border-radius property


  Translation results:

border

UK[ˈbɔ:də(r)] US[ˈbɔ:rdə(r)]

n.Border; edge; border edge; hemming

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

UK[ˈreɪdiəs] US[ˈrediəs]

n. Radius; radius range; radius (distance); the area of ​​a circle measured by radius

Plural: radii

css3 border-radius propertysyntax

Function:border-radius attribute is used to create rounded corners

Description:Sets or retrieves an object using a rounded border.

The border-radius property is a shorthand property in CSS3, used to create four-sided border fillets

css3 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

Popular Recommendations

Home

Videos

Q&A