Ada kaLanya kita membutuhkan sudut untuk mempertegas suatu bentuk, tapi ada kaLanya puLa kita ingin menghiLangkan sudut untuk memberi kesan haLus, ramah dan fLeksibeL. Bagaimana cara menyiasati tampiLan html supaya tak meLulu kotak? CSS bisa membuat sudut-sudut daLam html akan tampak meLengkung (rounded corner), sahabat hanya perLu menambahkan beberapa style ke daLam kode html. Berikut contoh kode CSS nya:
<div style="border:1px solid #000000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;">Contoh teks</div><div style="border:1px solid #000000; border-top-left-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px;">Contoh teks</div><div style="border:1px solid #000000; border-top-right-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;">Contoh teks</div><div style="border:1px solid #000000; border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;">Contoh teks</div><div style="border:1px solid #000000; border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;">Contoh teks</div>dimana angka 10px adaLah besar jari-jari lengkungan.
Tested On : Firefox 3.6.3, Chrome 4.1, Safari 3.2.3, Opera 10.53, Flock 2.5.6
Incoming Search Terms:
css melengkung, tabel melengkung css, border blog melengkung, css text, css text menarik, koding css membuat border div melengkung untuk google chrome, membuat box melengkung css semua browser, membuat CSS Smooth Zoom, membuat font chrome halus
19 Responses to “Jangan Mau Tersudut”
pertamax dulu ah …
)
[Reply]
wah … seandainya saya bisa menerapkannya … nanti dech kalau punya domain pribadi … tak bookmark dulu ah … ^:)^
[Reply]
Siippp, makasih pelajaran htmlnya pagi ini Hari.
‘met malming yaa.. salam buat Dy
[Reply]
Thankyouuu mas hariiii
Selamat pagii menjelang siang
.-= jumialely´s last blog : Mengintip Gaya dan Pose mu =-.
[Reply]
Waaa, terima kasih om Harry ilmunya, bisa dipraktekkkan di mana saja kan??
[Reply]
hmm , sering-sering aja posting seperti ini. biar kita tambah jago , kode htmlnya
[Reply]
Ilmu tidak hanya bisa kita dapatkan di sekolah saja. tapi dimana2…
[Reply]
dulu saya nyari yang beginian nih
makasi mas
.-= Afif Logicprobe10´s last blog : Mengenal PLC =-.
[Reply]
Makin rapi makin rapi…
Pemilihan fontnya makin diperhatikan…
Belajar tak pernah henti!!
Tak biji 8
.-= marsudiyanto´s last blog : Kalau SMK Bisa, SMA Bagaimana? =-.
[Reply]
Langsung tak terapke ning rambu2 jalan…
.-= marsudiyanto´s last blog : Kalau SMK Bisa, SMA Bagaimana? =-.
[Reply]
hahaha… bisa aja ngajarin tips CSSnya…
.-= Ari´s last blog : Kelezatan Menu Udang Mang Engking =-.
[Reply]
malam mas hariii
[Reply]
memang kalau jodoh itu ga kemana-mana. Baru aja mau cari referensi untuk buat lengjung-lengkung….ndilala…dapat ilmunya……..thx berat pak…
.-= sentil´s last blog : Bekerja Dengan Hati =-.
[Reply]
Hmmm….(Hari mulya malas mandi)
(maap, saia meminjam komen adik saia si hari puter & kepanjangan yg dibuat akangnya)
[Reply]
dapat tutor HTML disini, walau saya gak pernah ada kemajuan mas Hari b-(
[Reply]
Wah keren Dab ….. bisa sebagai variasi untuk menampilkan informasi penting plus pilihan border yg variatif
.-= Alwi´s last blog : Menggunakan Firefox dan Google Sebagai Kalkulator =-.
[Reply]
terimakasih utk ilmu html nya ,Hari.
walaupun tinggal copas kodenya, bunda kudu belajar dulu.
salam
.-= bundadontworry´s last blog : Benarkah Jeruk Bisa Meluruhkan Lemak? =-.
[Reply]
Aduh kalo soal HTML gini mah saya nyerah deh kang, nggak mudeng..
[Reply]
punya saya udah gini bentuknya…tapi sip lah, jadi tau kalo mau ngedit di bagian mananya…
[Reply]
Leave a Reply: