<!-- Time to dive deeper into more CSS properties.  -->
<!-- Borders can be added to surround elements. -->

<style>
    /* Remember to select a class, use a "." */
    .content {
        /* To add a default border, add a border-style. */
        /* Border styles can be: solid, dotted, ... */
        /* ... inset, double, groove, ridge, outset */
        border-style:double;
    }

    /* Remember, selecting a tag is simply the tag name:: */
    h2 {
        /* Borders also have width and color properties. */
        border-style:dashed;
        border-width:2px;
        border-color:orange;
    }
    p {
        /* There is also a shorthand property "border" */
        /* Simply include a size, style, and width! */
        border:green dotted 5px;
    }
    img {
        /* Add any type of border here: */
         border:red dotted 12px;
    }
    ol {
        /* Add any type of border here: */
         border:blue dotted 19px;
    }
    li {
        /* Add any type of border here: */
         border:yellow dotted 9px;
    }
</style>
<div class="content">
    <h2>Title Here!</h2>
    <img src="http://direct.codecombat.com/file/db/thang.type/545bacb41e649a4495f887da/portrait.png"/>
    <p>
        Content here!
    </p>
</div>
<ol>
    <li>I'm an ordered list.</li>
    <li>Give me a border, please!</li>
    <li>I beg of you.</li>
</ol>

Projektuję strony www Lublin na Joomla i WordPress