Bahasa HTMLdan CSS bisa membuat blog tampil beda, sesuai yang kita inginkan. Sangat menarik membahasnya, apalagi bagi saya yang suka ngutak-atik blog dan sedikit banyak menulis tentang tutorial blog.
Tata cara penulisan CSS <div style=" - - - "></div> seperti dalam beberapa kode yang saya
contohkan disini, merupakan cara penulisan CSS dengan metode Inline Style Sheet. Selain
metode tersebut, ada metode kedua penulisan CSS yaitu Embedded Style Sheet, dimana
penulisannya <style> - - - </style> yang saya
contohkan seperti dibawah in
Baris horizontal
<style>
.boxabi1 {
border-left: 6px solid #FBB784;
margin: 5px 10px 5px 25px;
padding: 10px;
background: #FFFFCE;
color: #A52A2A;
width: 450px;
font-size: 17px;
}
</style>
.boxabi1 {
border-left: 6px solid #FBB784;
margin: 5px 10px 5px 25px;
padding: 10px;
background: #FFFFCE;
color: #A52A2A;
width: 450px;
font-size: 17px;
}
</style>
Baris vertikal (plus penggabungan dua buah style)
<style>
.boxabi2 { border-right: 3px solid #006600;
border-bottom: 3px solid #006600; margin: 10px;
padding: 10px; background: #ADE4AD; color:
#990099; width: 430px; -moz-border-radius: 0
15px; }
.boxabi3 { margin: 10px; padding: 10px;
background: #EBF3FB; color: blue; font-size: 23px;
width: 400px; height: 100px; overflow: auto; }
</style>
.boxabi2 { border-right: 3px solid #006600;
border-bottom: 3px solid #006600; margin: 10px;
padding: 10px; background: #ADE4AD; color:
#990099; width: 430px; -moz-border-radius: 0
15px; }
.boxabi3 { margin: 10px; padding: 10px;
background: #EBF3FB; color: blue; font-size: 23px;
width: 400px; height: 100px; overflow: auto; }
</style>
Untuk memanggil CSS diatas, gunakan kode:
1. <div class="boxabi1">Tulis disini</div>
2. <div class="boxabi2">Tulis disini</div>
3. <div class="boxabi3">Tulis disini</div>
HASIL:
1.
makanan yang halal, bersih dan baik akan membentuk jiwa yang suci dan jasmani yang sehat. Sebaliknya, makanan yang haram akan membentuk jiwa yang keji dan hewani.
2.
makanan yang halal, bersih dan baik akan membentuk jiwa yang suci dan jasmani yang sehat. Sebaliknya, makanan yang haram akan membentuk jiwa yang keji dan hewani.
3.
makanan yang halal, bersih dan baik akan membentuk jiwa yang suci dan jasmani yang sehat. Sebaliknya, makanan yang haram akan membentuk jiwa yang keji dan hewani.
Post a Comment
Silahkan dishare dan tinggalkan komentar untuk kemajuan blog ini.
Terima kasih atas komentarnya brada.....!