Erweitert – Linkbox erstellen

Beispielanalyse:

Verwenden Sie display:block;, um das a-Element in ein Blockelement umzuwandeln, und legen Sie dann die Breite und Höhe von fest das a-Element.

Verwenden Sie das Attribut „font-weight“, um die Schriftstärke festzulegen.

Verwenden Sie die Eigenschaften „color“ und „background-color“, um die Schrift- und Hintergrundfarbe festzulegen.

Verwenden Sie text-align:center; um den Text innerhalb eines Elements horizontal zu zentrieren.

Verwenden Sie Textdekoration; entfernen Sie die Unterstreichung des Links.

Weiter lernen

neue Datei

<!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>

einreichen Code zurücksetzen

Automatische Operation