css属性:border-radius ;border:边框;radius:弧度;所以这个属性的意思很明了。
下面实现一个小demo:
<!doctype html> <html> <head> <title>这里是标题的内容</title> <meta charset="utf-8"/><!--定义浏览器解析的方式--> <style rel="stylesheet" type="text/css"> #box{ width:200px; height:200px; border-radius:100px; background:red; } </style> </head> <body> <div id="box">实现一个圆形</div> </body> </html> =================================================================== 用css属性去除导航栏多余的边框,示例: <!doctype html> <html> <head> <title>这里是标题的内容</title> <meta charset="utf-8"/><!--定义浏览器解析的方式--> <style rel="stylesheet" type="text/css"> ul{ list-style:none; } li{ width:50px; height:20px; border-right:1px solid red; background:blue; } li:last-child{ border:none; } </style> </head> <body> <ul> <li>导航栏内容</li> <li>导航栏内容</li> <li>导航栏内容</li> <li>导航栏内容</li> </ul> </body> </html>