4.2 Border radius

Let’s round the corners on the background for each of our blog posts. Use the separate properties for each side with a value of 4px.

by Dan Pasca

HTML

<article>
    <header>
        <h1> This is my first article </h1>   
    </header>
    <p>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus velit. Morbi odio. Ut in sapien. Proin nec erat vitae orci tincidunt iaculis. Morbi laoreet metus sed diam suscipit ultricies. Sed non libero ut nunc tristique dapibus. Sed mollis tellus aliquam est. Etiam at turpis. Donec a urna. Pellentesque sed ante at nisl luctus consequat.
    </p>    
</article>

CSS

article {
    background: #ccc;
    border-radius: 4px 4px 0px 0px;
    
}