主要是向 p 元素的四个角添加圆角边框:
实例如下:
<!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>