Home > Pemula > Belajar HTML CSS > Membuat Box Style Link Cantik ala dr.emi dengan CSS

.

4 Komentar Untuk Artikel Ini BYAdmin Ilmuwebsite

Jimanee nDesign box link cantik dengan menggunakan CSS ?

Pernah liat page link nyang ada di :? http://www.dremi.info/tutorial/photoshop-forum.php ???
nah bagian paging na gw pake CSS bwat bikin box link na, kali ini kita bikin nyang sama tapi dengan style CSS nyang berbeda.

Simple aja mulai dengan style ke gini:

?<style>
??? #pagin a
??? {
??? font-family:Tahoma;
??? font-size:11px;
??? display:block;
??? float:left;
??? cursor:pointer;
??? color:#00c;
??? text-decoration:none;
??? display:inline-block;
??? border:1px solid #ccc;
??? padding:.3em .7em;
??? margin:0 .38em 0 0;
??? text-align:center
??? }
??? #pagin a:hover
??? {
??? background:#f0f7e8;
??? border:1px solid #83bc46
??? }
??? #pagin a.sel
??? {
??? color:#333;
??? font-weight:normal;
??? background:#f0f7e8;
??? cursor: default;
??? border:1px solid #83bc46
??? }
??? </style>

 

Tros terapkan ke dalam halaman HTML lu:

?<div id=”pagin”>
??? <a class=”sel”>1</a><a href=”http://csslovers.co.cc”>2</a>
??? <a href=”http://dremi468.blogspot.com”>3</a>
??? <a href=”http://dremi.info/tutorial/photoshop-forum.php”>4</a>
??? </div>

heehe jadi dah, lagi lagi tutorial CSS na singket !!! biarin weks :P !!

Penasaran kan mao liat hasilna ?? klik ajah link dibawah ini, bwat preview hasilna:

http://www.dremi.info/web/tips/css-box-style-design.html

 

Tros kalo mao download disini:

http://www.ziddu.com/download/1774822/css-box-style-design.rar.html

DVD Video Tutorial : Kursus Web Development Komplit Bangun 5 Project Aplikasi Website - Membuat CMS Sendiri Dari Nol, Blog, Portal Berita, Ecommerce, Web Komunitas dengan CodeIgniter 3 JQuery AJAX Bootstrap

Video Tutorial Kursus Web Development Komplit Bangun 5 Project Website ini merupakan ‘penunjuk arah’ agar Anda yang sedang maupun baru akan terjun ke dalam dunia web development yang lebih mendalam memiliki peta perjalanan pembelajaran yang lebih terarah menuju web developer professional. (Disertai pembelajaran dasar HTML CSS, JQuery, PHP & MySQL, CodeIgniter) Dibuat oleh praktisi yang memiliki pengalaman lebih dari 10 tahun di bidang web development (Pemesanan bisa SMS/WA ke 0813 1167 5785, atau bisa pesan secara online di sini)



4 Response untuk Artikel Ini

  1. modjo

    coba dulu akh, thanks infonya


  2. blogdhiksi

    thank ya gan..
    pemula mau belajar bikin css


  3. webseite erstellen

    I studied the css tutorial and I really learned a lot. I think my next homepage will be a lot better than my first one.


  4. Rahasia Otak Kanan

    Infonya bagus,,
    Thanks ya…sangat bermanfaat sekali buat saya yang masih pemula
    Boleh Tukaran link Ga?? he


eXTReMe Tracker