Buat logo tajuk blok warna dengan CSS_CSS/HTML

WBOY
Lepaskan: 2016-05-16 12:10:57
asal
2576 orang telah melayarinya
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
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan