高级 - 创建链接框

实例解析：

使用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>

提交重置代码

自动运行