<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 300px; height: 400px; background: white; /*border: 2px dashed red;*/ /* top:顶部 bottom:底部 left:左边 right:右边 solid:实线 dotted:点 线 dashed:虚线 double:双线 * */ border-top:1px solid red; border-bottom:1px dotted blue; border-left:1px dashed yellow; border-right:2px double green; } </style> </head> <body> <div> 还没睡醒啊 </div> </body> </html>