Cara menggunakan tindakan dalam css

Kata kunci tindakan dalam CSS digunakan untuk menentukan gelagat apabila tetikus melayang atau mengaktifkan elemen Sintaks: elemen: tindakan { style-property: value }. Ia boleh digunakan pada kelas pseudo :hover dan :active untuk mencipta kesan interaktif seperti menukar rupa elemen, menunjukkan elemen tersembunyi atau memulakan animasi.

Penggunaan tindakan dalam CSS

Kata kunci tindakan digunakan dalam CSS untuk menentukan gelagat apabila tetikus melayang dan mengaktifkan elemen. Ia menentukan gaya yang akan digunakan apabila peristiwa yang ditentukan berlaku.

Sintaks:

<code>element:action {
  style-property: value;
}</code>

Acara:

• tuding: Apabila tetikus melayang di atas elemen
• diaktifkan apabila butang aktif: diaktifkan:

Penggunaan :

kata kunci tindakan boleh digunakan untuk mencipta pelbagai kesan interaktif, seperti:

• Tukar warna latar belakang elemen:

<code>button:hover {
  background-color: #00FF00;
}</code>

alur

• <code>a:active {
    border: 1px solid #FF0000;
  }</code>

Tukar fon elemen Saiz atau gaya:

• <code>h1:hover {
    font-size: 1.5em;
    font-weight: bold;
  }</code>

Tunjukkan elemen tersembunyi:

• <code>.hidden:hover {
    display: block;
  }</code>

Mulakan animasi:

Mulakan animasi:

• kata kunci tindakan boleh hanya digunakan dengan :hover dan :jenis pseudos aktif.

Skop kata kunci tindakan adalah terhad kepada acara yang ditentukan. 🎜🎜Anda boleh menggunakan berbilang kata kunci tindakan untuk menentukan gelagat elemen yang berbeza di bawah acara yang berbeza. 🎜🎜

Atas ialah kandungan terperinci Cara menggunakan tindakan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!