可以使用border-bottom:none;样式来去掉border的底部边框。
border-bottom是一个简写属性,用于把下边框的所有属性设置到一个声明中;设置值为none,则定义无边框。
示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> div{ width:200px; height:50px; /*设置div的大小*/ border:4px solid #beceeb; } .box{ border-bottom: none; } </style> </head> <body> <div>border属性定义四个边框</div><br /> <div class="box">去掉底部边框</div> </body> </html>
效果图:
更多web前端知识,请查阅 HTML中文网 !!