Immagine arrotondata con radius
e Border 2px



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer faucibus pellentesque est, nec maximus nibh venenatis sit amet. Curabitur sagittis ligula id elit tristique, sollicitudin tincidunt ipsum lacinia. Fusce congue, nulla ac dignissim dictum, sem felis auctor leo, nec molestie elit magna vel erat. Donec dapibus scelerisque erat, sit amet auctor arcu placerat quis. Donec sed ipsum purus. Proin a sem purus. Phasellus vitae ornare massa. Fusce a arcu quis justo mollis vehicula.
Sed cursus vitae felis at dictum. Aliquam vestibulum bibendum molestie. Nulla facilisi. Praesent sem massa, dignissim sit amet enim efficitur, semper egestas justo. Vestibulum ac diam malesuada, placerat urna at, viverra dolor. Fusce molestie diam sit amet vulputate pharetra. Maecenas tellus elit, facilisis nec fringilla vitae, vestibulum eget tellus. Praesent ultricies erat non enim ultrices, ac suscipit orci sodales. Ut ut purus consequat, tristique quam volutpat, ultricies velit. Duis faucibus, urna lacinia pretium molestie, dolor ligula blandit mauris, vitae ultrices mauris orci non massa.



Copia il codice: Css nel head
/* images circle <div id="circle-shape-example"><img src="" alt="" class="curve"> */ #circle-shape-example {   font-family: Open Sans, sans-serif;   margin: 2rem; } #circle-shape-example p {   line-height: 1.8; } #circle-shape-example .curve {   width: 20%; height: 300px;   min-width: 300px;   float: center;   margin-right:2rem;   border-radius: 50%;   -webkit-shape-outside:circle();   shape-outside:circle(); }


Copia il codice: nel Body
<div id="circle-shape-example">
    <a data-title="steve" href="steve_home.jpg"><img alt="Steve" border="2" class="curve" height="350" src="Steve_home.jpg" width="350" /></a>
    </div>


.. Scarica lo Zip - Meglio se Salvi la pagina:



♣ © All Rights Reserved - www.isolajava.com ♣