CSS Arrow

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test CSS</title>
    <style>
        .arrow {
            width: 0;
            height: 0;
            border-left: solid 100px red;
            border-top: solid 50px transparent;
            border-bottom: solid 50px transparent;
        }
    </style></head><body>
    <div class="arrow">
    </div>
</body>
/html>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s