1. 程式人生 > >border-style之double實現三道槓

border-style之double實現三道槓

程式碼:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>製作我的第一個網頁</title>
        <style type="text/css">
            .double{
                width:120px;
                height:20
px
; border-top:60px double; border-bottom:20px solid; }
</style> </head> <body> <div class="double"></div> </body> </html>

效果:
這裡寫圖片描述