css虚线样式
<!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>CSS 虚线 eeeweb.cn实例说明www.eeeweb.cn</title> <style> .eeeweb-cn{ border:1px dashed #000; height:50px; width:350px} .eeeweb-cn-1{border-left:1px dashed #000; height:50px;width:350px} .eeeweb-cn-2{border-right:1px dashed #000; height:50px;width:350px} .eeeweb-cn-3{border-top:1px dashed #000; height:50px;width:350px} .eeeweb-cn-4{border-bottom:1px dashed #000; height:50px;width:350px} .eeeweb-cn-5{border:1px dashed #000; border-right:0;height:50px;width:350px} </style> </head> <body> 虚线实例实例<br> <div >我四边为虚线边框</div><br> <div >我的左边为黑色虚线边框</div><br> <div >我的右边为黑色虚线边框</div><br> <div >我的上边为黑色虚线边框</div><br> <div >我的下边为黑色虚线边框</div><br> <div >我的右边边框无边线而其它三边为黑色虚线边框实例</div> </body> </html> TAG:
