Jernih

Susah memang menjernihkan hati ini untuk sehari saja tidak menilai hidup orang lain,
sehingga bisa memiliki hati yang netral.
Melampaui baik dan buruk.
Lebih melihat ke dalam diri sebagai cermin. Diam dan perhatikan, tanpa kata.

Membuat image atau gambar lingkaran bulat dengan css

berikut adalah membuat gambar yang tadi nya kotak menjadi bulet atau lingkaran dengan menggunakan css . berikut file css nya :



.circular-image img {
               width: 300px;
               height: 300px;
               -webkit-border-radius: 150px;
               -moz-border-radius: 150px;
               -ms-border-radius: 150px;
               -o-border-radius: 150px;
                border-radius: 150px;
                              }



dan ini file html nya
<div class="circular-image"><img src="images/gambar3.jpg" alt="" /></div>

Membuat 3 colom dengan html dan css

berikut bagaimana cara membuat 3 colom dengan html dan css


codingan css nya


.content{
width:100%;
height:350px;

background-color:red;

margin: 0 auto;
}
.content div {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.contentkiri{
width:50%;
min-height:350px;
height:auto;
background-color:yellow;
float:left;
padding-right:5px;
border:1px ;
}
.contenttengah{
width:25%;
min-height:350px;
background-color:blue;
padding-right:5px;
float:left;
}
.contentkanan{
width:20%;
min-height:350px;
height:auto;
background-color:green;
float:left;
position:relative;
padding-left:5px;
}


file HTML nya

       
    <div class="content">
<div class="contentkiri">asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div>
<div class="contenttengah">asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div class="contentkanan">asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
    </div>    


sekian