Home > Article > Web Front-end > CSS3 border-top-left-radius property
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>