Komputer, Pengaturcaraan
Garis hiasan CSS-elemen
Teknologi stylesheet mempunyai dua fungsi dalam reka bentuk HTML-halaman. Pertama, dengan bantuan, terdapat kedudukan pembentukan elemen-elemen individu laman web ini. Kedua, ia menjadikan unit visual menarik kepada pengguna. Pelaksanaan fungsi kedua berlaku di rumah sebenar. Salah seorang daripada mereka - menekankan. CSS memperuntukkan hiasan ini atribut teks.
rekod atribut spesifikasi
Gunakan teks hartanah hiasan adalah mudah. Cukup untuk mendaftar dalam kod fail CSS, baris berikut untuk item:
hiasan teks: znachenie_atributa;
Bukannya "znachenie_atributa» spesifikasi CSS menawarkan beberapa pilihan:
- garis - garis terletak betul-betul di bawah teks;
- overline - line bermula dari bahagian atas teks;
- none - penyingkiran semua kesan-kesan hiasan;
- mewarisi - mengamalkan nilai elemen induk.
Di atas tidak semua bentuk kemungkinan rakaman, sebagai sifat ini menentukan bukan sahaja garis bawah CSS, tetapi kesan-kesan lain, seperti "sekelip" atau teks garis batal.
Contoh hiperpautan reka bentuk
Pemula dalam reka bentuk web dan pengaturcaraan, soalan timbul: mengapa garis bawah dalam teks? Pada awal era teknologi internet ini kaedah peruntukan pengguna untuk hakikat bahawa di hadapannya ialah hyperlink - teks, dengan klik pada yang akan dijalankan peralihan ke laman baru.
Secara lalai, harta Hyperlink menetapkan garis bawah. Dalam amalan, ada masalah untuk membuang garisan dari peranti aktif dan membuatnya boleh dilihat sebagai pengguna menggerakkan penuding tetikus. Berikut adalah contoh kod yang melumpuhkan pautan garis bawah CSS:
{text-decoration: none; }
Untuk pautan aktif menggunakan catatan berikut:
a: hover {text-decoration: underline;}
garis hiasan untuk maju
atribut Standard teks hiasan mempunyai beberapa batasan:
- warna talian berbeza daripada warna teks pautan, ia adalah mustahil untuk membezakan antara "pewarna" mereka;
- Hanya garis tebal digunakan sebagai garis bawah. CSS tidak melibatkan penggunaan gaya lain tanda.
Tetapi teknik khas membantu bypass rupa klasik teks. Dalam kes pertama, untuk menetapkan hyperlink menggunakan tag pilihan .
Sebagai contoh:
"> hyperlink
. >
Akibatnya, perkataan pada halaman hyperlink akan ditulis dalam biru dan warna garisan tersebut akan menjadi merah.
Satu lagi kaedah canggih yang membolehkan untuk CSS garis bawah, - sempadan-bawah. Contoh di bawah menunjukkan penggunaannya:
a {border-bottom: 1px solid merah;}
hasilnya akan sama seperti dalam contoh sebelumnya. Tetapi kaedah ini mempunyai kelebihan yang penting. Selain menukar warna garis (kini ditetapkan merah - merah), ia adalah mungkin untuk mengubah kaedah bersurat:
- bertitik - membuat tempat yang menegaskan;
- putus-putus - line terdiri daripada sebatan;
- double - menarik garisan berkembar.
Jadi, sifat bawah border- adalah lebih berfungsi. Selain paparan garis hiasan di bawah teks, ia membolehkan untuk menyesuaikan rupanya.
Similar articles
Trending Now