純 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>