進階 - 建立連結框

實例解析：

使用display:block;把a元素轉換成區塊狀元素，進而設定a元素的寬、高。

使用font-weight屬性設定字體粗細。

使用color、background-color屬性設定字型顏色、背景顏色。

使用text-align:center;讓a元素內的文字水平居中。

使用text-decoration;刪除連結的底線。

新建檔案

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

提交重置程式碼

自動運行