Rumah  >  Artikel  >  hujung hadapan web  >  Buat logo tajuk blok warna dengan CSS_CSS/HTML

Buat logo tajuk blok warna dengan CSS_CSS/HTML

WBOY
WBOYasal
2016-05-16 12:10:572518semak imbas
Banyak laman web telah mula menggunakan gaya Korea untuk membina tapak web Kebanyakan orang akan berfikir untuk menggunakan perisian seperti Photoshop untuk mencapai kesan sedemikian, tetapi jika terdapat terlalu banyak gambar sedemikian pada halaman web. , atau mereka besar Kadangkala, ia akan membawa kesukaran tertentu untuk diakses. Di sini saya akan memberitahu anda cara menggunakan CSS untuk mencipta gaya sedemikian Kerana CSS hanya mentakrifkan warna dan tidak menggunakan imej, ia pada dasarnya tidak menjejaskan kelajuan.

Gaya ini dicirikan oleh perubahan warna yang kaya, aplikasi animasi Flash yang munasabah, dan struktur novel Ciri yang paling jelas ialah reben mendatar atau menegak sering ditambahkan pada jadual atau tajuk bar. Kawasan yang dibulatkan dalam gambar adalah seperti ini:

Buat logo tajuk blok warna dengan CSS_CSS/HTML

 
Mula-mula, tambahkan kelas kesan CSS pada halaman dalam Dreamweaver MX 2004. Tetapan khusus adalah seperti yang ditunjukkan dalam rajah.
Buat logo tajuk blok warna dengan CSS_CSS/HTML

Selepas mengklik OK, tetapan kesan tertentu akan muncul Buka tag sempadan dan buat tetapan seperti yang ditunjukkan dalam rajah.
Buat logo tajuk blok warna dengan CSS_CSS/HTML

Kemudian tetapkan Warna Latar Belakang dalam teg Latar Belakang kepada "#BAEE66" dan tambahkan kesan CSS ini pada jadual yang anda mahu gunakan gaya ini.
Mengaplikasikan kaedah ini, anda boleh membuat pelbagai jadual yang cantik dan cepat untuk diakses. Gambar berikut adalah beberapa gaya yang cuba dibuat oleh penulis pelbagai kesan.
Buat logo tajuk blok warna dengan CSS_CSS/HTML
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn