Avancé - Créer une boîte de lien

Exemple d'analyse :

Utilisez display:block; pour convertir l'élément a en élément bloc, puis définissez la largeur et la hauteur de l'élément a.

Utilisez la propriété font-weight pour définir l'épaisseur de la police.

Utilisez les propriétés color et background-color pour définir la couleur de la police et la couleur d'arrière-plan.

Utilisez text-align:center; pour centrer le texte dans l'élément a horizontalement.

Utilisez la décoration de texte ; supprimez le soulignement du lien.

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> a:link,a:visited { display:block; font-weight:bold; color:#FFFFFF; background-color:#98bf21; width:120px; text-align:center; padding:4px; text-decoration:none; } a:hover,a:active { background-color:#7A991A; } </style> </head> <body> <a href="/css/" target="_blank">这是一个链接</a> </body> </html>

soumettre Réinitialiser le code

Opération automatique