Bagaimana untuk menambah gaya tambahan pada hiperpautan
Contoh analisis:
● Tetapkan warna fon yang berbeza untuk pautan di negeri yang berbeza.
a.one:link {color:#ff0000;}
a.one:dilawati {color:#0000ff;}
a.one:hover {color:#ffcc00;
● Tetapkan saiz dan warna fon yang berbeza untuk pautan di negeri yang berbeza.a.two:link {color:#ff0000;}
a.two:dilawati {color:#0000ff;}
a.two:size: {150%}
● Tetapkan warna latar belakang yang berbeza untuk pautan di negeri yang berbeza.
a.tiga:pautan {warna:#ff0000;}
a.tiga:dilawati {latar belakang:#0000ff;}
a.three:6
latar belakang:#6ff;}
● Tetapkan gaya fon atau warna fon yang berbeza untuk pautan di negeri yang berbeza.a.four:link {color:#ff0000;}
a.four:dilawati {color:#0000ff;}
a.four:hover {Gefont-family: }
● Pautan memaparkan atau mengalih keluar garis bawah dalam keadaan berbeza.
a.lima:pautan {color:#ff0000;text-decoration:none;}
a.five:dilawati {color:#0000ff;text-decoration:none;}
five:hover {text-decoration:underline;color:coral;}
fail baharu
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
a.one:link {color:#ff0000;}
a.one:visited {color:#0000ff;}
a.one:hover {color:#ffcc00;}
a.two:link {color:#ff0000;}
a.two:visited {color:#0000ff;font-size:50px;}
a.two:hover {color:pink;font-size:150%;}
a.three:link {color:#ff0000;}
a.three:visited {background:#0000ff;}
a.three:hover {background:#66ff66;}
a.four:link {color:#ff0000;}
a.four:visited {color:#0000ff;}
a.four:hover {font-family:Georgia, serif;}
a.five:link {color:#ff0000;text-decoration:none;}
a.five:visited {color:#0000ff;text-decoration:none;}
a.five:hover {text-decoration:underline;color:coral;}
</style>
</head>
<body>
<p>将鼠标移至链接上改变样式.</p>
<p><b><a class="one" href="#">这个链接改变颜色</a></b></p>
<p><b><a class="two" href="#">这个链接改变字体大小</a></b></p>
<p><b><a class="three" href="#">这个链接改变背景颜色</a></b></p>
<p><b><a class="four" href="#">这个链接改变字体类型</a></b></p>
<p><b><a class="five" href="#">这个链接改变文字修饰</a></b></p>
</body>
</html>
Pratonton
Clear
- Cadangan kursus
- Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~
Pelajar yang telah menonton kursus ini juga sedang belajar
Mari kita bercakap secara ringkas tentang memulakan perniagaan dalam PHP
Pengenalan pantas kepada pembangunan bahagian hadapan web
Pembangunan Tianlongbabu praktikal skala besar bagi rangka kerja MVC versi Mini meniru laman web ensiklopedia perkara yang memalukan
Bermula dengan Pembangunan Praktikal PHP: Penciptaan PHP Pantas [Forum Perniagaan Kecil]
Pengesahan log masuk dan papan mesej klasik
Pengumpulan pengetahuan rangkaian komputer
Mula Pantas Node.JS Versi Penuh
Kursus bahagian hadapan yang paling memahami anda: HTML5/CSS3/ES6/NPM/Vue/...[Asal]
Tulis rangka kerja PHP MVC anda sendiri (40 bab secara mendalam/butiran besar/mesti dibaca untuk pemula untuk maju)