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