Yups kali ini saya akan share mengenai cara membuat Jenis-Jenis Border-radius (melengkung).
ok deh gak usah panjang-panjang basa-basinya langsung aja deh langkah-langkah cara membuat Jenis-Jenis Border-radius (melengkung).
Syntax untuk border-radius
Mozilla Equivalent Browser Opera 10.5 Webkit Equivalent (Safari 3)
-moz-border-radius-topright border-top-right-radius -webkit-border-top-right-radius
-moz-border-radius-bottomright border-bottom-right-radius -webkit-border-bottom-right-radius
-moz-border-radius-bottomleft border-bottom-left-radius -webkit-border-bottom-left-radius
-moz-border-radius-topleft border-top-left-radius -webkit-border-top-left-radius
-moz-border-radius border-radius -webkit-border-radius
-Moz-Border-Radius (Untuk Mozilla)
-Webkit-Border-Radius (Untuk Safari)
Border-Radius (Support Opera 10.5)
kode-kode diatas bisa juga ditempatkan pada sidebar atau pada css sobat, tinggal sobat bagaimana ingin mengaplikasikannya.. ^_^
ok deh gak usah panjang-panjang basa-basinya langsung aja deh langkah-langkah cara membuat Jenis-Jenis Border-radius (melengkung).
Syntax untuk border-radius
Mozilla Equivalent Browser Opera 10.5 Webkit Equivalent (Safari 3)
-moz-border-radius-topright border-top-right-radius -webkit-border-top-right-radius
-moz-border-radius-bottomright border-bottom-right-radius -webkit-border-bottom-right-radius
-moz-border-radius-bottomleft border-bottom-left-radius -webkit-border-bottom-left-radius
-moz-border-radius-topleft border-top-left-radius -webkit-border-top-left-radius
-moz-border-radius border-radius -webkit-border-radius
-Moz-Border-Radius (Untuk Mozilla)
<div style="-moz-border-radius: 5px; background-color: #cccccc; border: 1px solid #000; padding: 10px;">
ISI TULISAN
</div>
ISI TULISAN
</div>
<div style="-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; background-color: #cccccc; border: 1px solid #000; padding: 10px;">
ISI TULISAN</div>
ISI TULISAN</div>
<div style="-moz-border-radius-bottomright: 30px; -moz-border-radius-topright: 30px; background-color: #f5f6ce; border: 5px solid #000; padding: 10px;">
ISI TULISAN</div>
ISI TULISAN</div>
<div style="-moz-border-radius-bottomright: 30px; -moz-border-radius-topleft: 30px; background-color: #f5f6ce; border: 5px solid #38610B; padding: 10px;">
ISI TULISAN</div>
ISI TULISAN</div>
<div style="-moz-border-radius: 30px 10px; background-color: #f5f6ce; border: 5px solid #38610B; padding: 10px;">
ISI TULISAN</div>
ISI TULISAN</div>
-Webkit-Border-Radius (Untuk Safari)
<div style="-webkit-border-bottom-right-radius: 30px; -webkit-border-top-left-radius: 30px; background-color: #a9d0f5; border: 5px solid #38610B; padding: 10px;">
ISI TULISAN</div
ISI TULISAN</div
<div style="-webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 50px; background-color: #f5d0a9; border: 5px solid #38610B; padding: 10px;">
ISI TULISAN</div>
ISI TULISAN</div>
Border-Radius (Support Opera 10.5)
<div style="background-color: #f5f6ce; border-radius: 30px; border: 5px solid #38610B; padding: 10px;">
ISI TULISAN</div>
ISI TULISAN</div>
kode-kode diatas bisa juga ditempatkan pada sidebar atau pada css sobat, tinggal sobat bagaimana ingin mengaplikasikannya.. ^_^
8 komentar:
creole dating http://loveepicentre.com/testimonials.php teen lesbians dating site
surgery free ebook http://audiobookscollection.co.uk/it/Guida/c2019/ 101 marriage secrets ebook [url=http://audiobookscollection.co.uk/it/Fantascienza/c127/]ebook trends[/url] ebook ber vietnamkrieg
cash for gold ebook http://audiobookscollection.co.uk/de/Coaching-Leaders-Guiding-People-Who-Guide-Others/p222869/ thousand mile stare ebook [url=http://audiobookscollection.co.uk/es/Tumor-Associated-Antigens-Identification-Characterization-and-Clinical-Applications/p199366/]ebook torrents the namesake[/url] computer organisation carl hamacher ebook
best software to create website http://buyoem.co.uk/es/product-36886/PremiumSoft-Navicat-for-SQLite-Enterprise-Edition-10-0 what is radius software [url=http://buyoem.co.uk/it/product-36786/ActFax-4-2-x64]computer software printer ink cartridges[/url] medicare supplement software
[url=http://buyoem.co.uk/de/category-100-104/Software-Plugins]Software Plugins - Software Store[/url] word processor software mac
[url=http://buyoem.co.uk/de/information-3/Privacy-Policy][img]http://buyoem.co.uk/image/1.gif[/img][/url]
[url=http://redbrickstore.co.uk/products/dostinex.htm][img]http://onlinemedistore.com/3.jpg[/img][/url]
vips discount reviews acmedicalgroup refill pharmacy http://redbrickstore.co.uk/products/azulfidine.htm transgender pharmacy [url=http://redbrickstore.co.uk/products/hangoff-helper.htm]non profit pharmacy[/url]
pharmacy logos http://redbrickstore.co.uk/catalogue/l.htm xenical online pharmacy phentermine meridia [url=http://redbrickstore.co.uk/products/tetracycline.htm]tetracycline[/url]
eadon pharmacy ma http://redbrickstore.co.uk/products/periactin.htm careplex pharmacy hampton virginia [url=http://redbrickstore.co.uk/products/desyrel.htm]martin avenue pharmacy[/url]
experience needed for pharmacy school http://redbrickstore.co.uk/products/erectalis.htm antibiotics online pharmacy [url=http://redbrickstore.co.uk/products/cialis-professional.htm]cialis professional[/url]
[url=http://certifiedpharmacy.co.uk/products/xplode--stamina--energy-and-sex-enhancer-.htm][img]http://onlinemedistore.com/8.jpg[/img][/url]
pharmacy tech study guide http://certifiedpharmacy.co.uk/cart.htm langley air force base pharmacy [url=http://certifiedpharmacy.co.uk/products/celexa.htm]national pharmacy service[/url]
castcutters pharmacy http://certifiedpharmacy.co.uk/products/tulasi.htm generic viagra canadian pharmacy no prescription [url=http://certifiedpharmacy.co.uk/products/requip.htm]requip[/url]
pharmacy purchasing job opportunities http://certifiedpharmacy.co.uk/products/kamasutra-ribbed-condoms.htm doctor pharmacy dual degree programs [url=http://certifiedpharmacy.co.uk/products/accupril.htm]pharmacy reviews epainmedsglobal[/url]
k mart pharmacy primidone http://certifiedpharmacy.co.uk/products/betapace.htm pharmacy technican to licencsed pharacist [url=http://certifiedpharmacy.co.uk/products/carafate.htm]carafate[/url]
[url=http://certifiedpharmacy.co.uk/products/motrin.htm][img]http://onlinemedistore.com/6.jpg[/img][/url]
delmar pharmacy http://certifiedpharmacy.co.uk/catalogue/w.htm hopewell pharmacy [url=http://certifiedpharmacy.co.uk/products/viagra-soft-flavoured.htm]lyrica the cost of the drug from a pharmacy[/url]
pharmacy technition age limit http://certifiedpharmacy.co.uk/products/levitra-professional.htm journal of managed care pharmacy [url=http://certifiedpharmacy.co.uk/products/lotrisone.htm]lotrisone[/url]
line omeprazole omeprazole pharmacy prilosec http://certifiedpharmacy.co.uk/products/coreg.htm windsor pharmacy rt 18 [url=http://certifiedpharmacy.co.uk/products/antabuse.htm]pharmacy phoenix[/url]
pharmacy benefit manager http://certifiedpharmacy.co.uk/products/indocin.htm mayo clinic pharmacy [url=http://certifiedpharmacy.co.uk/products/mxman.htm]mxman[/url]
herpes dating delaware http://loveepicentre.com/success_stories/ rush limbaugh dating cnn's daryn kagan
who is amy smart dating [url=http://loveepicentre.com/]i liked dating in the dark[/url] la speed dating
most read dating profiles [url=http://loveepicentre.com/success_stories/]ghana christian dating sites[/url] birth order and dating [url=http://loveepicentre.com/user/crazy_agent/]crazy_agent[/url] 100 free bbw dating website
Posting Komentar