Button Simple Versi WDI

Button 3D :)..

Ok Setelah Sekian Lama Saya Ngga Nge-Bahas Web... :D , Saya Kali Ini Akan Memberikan Tutorial Membuat Button 3D.. Tenang Gak Susah Kok Gampang Aja Keleus :)

1. Buat Dulu File Index.html Nya Terserah Mau Menggunakan Editor Apa :) , Apabila Sudah Ketikkan Syntax HTML Nya Seperti Syntax Dibawah Ini

2. Buatlah File CSS Nya Dengan Nama Style.css.. Ikuti Singkat Berikut

.rpl{ background: #F19075; border-bottom: 3px solid #CE5837; border-right: 3px solid #CE5837; display: block; height: 40px; width: 190px; border-radius: 4px; } .mm{ background: #41A85F; border-bottom: 3px solid #0d5922; border-right: 3px solid #0d5922; display: block; height: 40px; width: 190px; border-radius: 4px; } .tkj{ background: #225bd6; border-bottom: 3px solid #08328c; border-right: 3px solid #08328c; display: block; height: 40px; width: 190px; border-radius: 4px; } p{ padding-top: 10px; font-weight: bold; text-align: center; text-shadow: 0 0 2px #000; } a{ color: #fff; text-decoration: none; cursor: pointer;

Nah Maka Outputnya Akan Terlihat Seperti Di Bawah Ini

Yap Gampang Aja Kan Asal Kita Belajar Lebih Rajin Dan Tekun Pasti Bisa Kok Apalagi Didalam Dunia Web.. Sekian Tutorial Dari Saya Di Tunggu Loh Ya Tutorial-tutorial Selanjutnya ;).. Untuk DEMO Nya Bisa Langsung Di Lihat Dan Klik Link Di Bawah.

DEMO

Written by Nulled

Blogger Muda Yang Masih Berstatus Pelajar, Yang Berkecimpung Di Dunia IT Semenjak Tahun 2013 Dan Ingin Berbagi Ilmu Pengetahuan Tentang Programming Web Design,Desktop Application, Tips Blogging, Google Adsense, Dan Internet Marketing. Temukan Celotehan Saya Di Twitter @Anaksmkti