----------------------------------CSS中div的边框----------------------------------------
div的边框样式
"border-style”
代码示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> div{ font-family:宋体; font-size:20px; font-weight:bold; background-color:#FFFF00; width:200px; height:200px; text-align:center; border-width:6px;
} </style> </head> <body> <div style="border-style:none">www.rlteach.com</div><br/> <div style="border-style:solid">www.rlteach.com</div><br/> <div style="border-style:dotted">www.rlteach.com</div><br/> <div style="border-style:dashed">www.rlteach.com</div><br/> <div style="border-style:double">www.rlteach.com</div><br/> </body> </html>
|
------------------------------------------------------------