純 CSS 公路標誌 


The Future
NEXT EXIT


    <div style="width: 410px; height: 230px; border-radius: 10px;
background: #006400; padding: 6px 0 0 6px">
        <div style="width: 400px; height: 220px; border-radius: 10px;
border: 2px solid #ffffff; text-align: center;">
            <div style="margin-top: 30px;">
<span style="font-family: Dotum; font-weight: 900;
font-size: 58px; color: white;">The Future</span></div>
            <div style="padding: 30px;">
                <div style="float: left; width: 240px; height: 10px;
margin-bottom: 10px;margin-left:18px">
                    <span style="font-family: Dotum; font-weight: 200;
font-size: 32px; color: white;">NEXT EXIT</span>
                </div>
                <div style="float: left;margin-top:5px">
                    <div id="arrow" style="-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);">
                        <div style="float: left; background: white; width: 30px;
height: 16px;
margin-top: 8px; margin-right: -2px">
                        </div>
                        <div style="float: left; width: 0; height: 0;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 30px solid white;">
                        </div>
                    </div>
                </div>
            </div> 
        </div>
    </div>

沒有留言: