<!DOCTYPE html> <!--边框--> <html lang="en"> <head> <meta charset="UTF-8"> <title>边框</title> </head> <body> <div style="border:4px dotted red">测试边框专用</div> <div style="border:1px solid green">测试边框专用2</div> <div style=" height:150px;150px;border:1px solid purple">测试边框专用3</div> <div style=" height:150px;80%;border:1px solid pink">测试边框专用4</div> <div style=" height:48px;80%;border:1px solid yellow; font-size:16px;text-align:center; line-height:48px; font-weight: bold" >测试边框专用5</div> <!--font-weight 字体加粗--> <!--text-align 字体水平居中--> <!--line-height 垂直方向根据标签高度居中--> </body> </html>