Empat contoh tombol tautan CSS

背景色切换链接按钮CSS：
/**//*2008.10.08*/

#linkButtonDiv1 ul{}{
margin:0;
bantalan:0;
tipe gaya daftar: tidak ada;
}

#linkButtonDiv1 seperti{}{
lebar:100 piksel;
tinggi:20 piksel;

tampilan: bolck;
ukuran font: 16px;

margin:5 piksel;

batas: 1 piksel padat #000000;

bantalan:5 piksel;

warna:#000000;
warna latar belakang:#94b8e9;
dekorasi teks: tidak ada;
perataan teks:tengah;
}

#linkButtonDiv1 seperti:hover{}{
warna:#ffffff;
warna latar belakang:#336699;
dekorasi teks: garis bawah;
}

背景图片切换链接按钮CSS代码：
/**//*2008.10.08*/

#linkButtonDiv2 ul{}{
margin:0;
bantalan:0;
tipe gaya daftar: tidak ada;
}

#linkButtonDiv2 seperti{}{
lebar:100 piksel;
tinggi:20 piksel;

tampilan: bolck;
ukuran font: 16px;

margin:5 piksel;

batas: 1 piksel padat #000000;

bantalan:5 piksel;

warna:#000000;
latar belakang:url(../img/bg-0314.gif);
dekorasi teks: tidak ada;
perataan teks:tengah;
}

#linkButtonDiv2 seperti:hover{}{
warna:#ffffff;
latar belakang:url(../img/bg-0315.gif);
dekorasi teks: garis bawah;
}

背景色突起效果按钮示例：
/**//*2008.10.08*/

#linkButtonDiv3 ul{}{
margin:0;
bantalan:0;
tipe gaya daftar: tidak ada;
}

#linkButtonDiv3 seperti{}{
lebar:100 piksel;
tinggi:20 piksel;

tampilan: bolck;
ukuran font: 16px;

margin:5 piksel;

bantalan:5 piksel;

warna:#8d4f10;
latar belakang:#efb57c;

dekorasi teks: tidak ada;
perataan teks:tengah;

perbatasan:2px awal #efb57c;
}

#linkButtonDiv3 seperti:hover{}{
berat font: tebal;
warna:#ffffff;
latar belakang:#daa670;
dekorasi teks: garis bawah;

perbatasan:awal 2px #daa670;
}

一张背景图片左右切换按钮CSS：
/**//*2008.10.08*/

#linkButtonDiv4 ul{}{
margin:0;
bantalan:0;
tipe gaya daftar: tidak ada;
}

#linkButtonDiv4 seperti{}{
lebar:114 piksel;
tinggi:24 piksel;

tampilan: bolck;
ukuran font: 12px;

margin:5 piksel;

bantalan:5 piksel;

warna:#000000;
latar belakang:url(../img/buttonbg.jpg) tidak mengulangi kiri atas;
dekorasi teks: tidak ada;
perataan teks:tengah;
}

#linkButtonDiv4 seperti:hover{}{
berat font: tebal;
warna:#ffffff;
posisi latar belakang:kanan atas;
dekorasi teks: garis bawah;
}

Bagaimana cara menggunakan HTML?