詳細 - リンクボックスの作成
分析例:
display:block; を使用して a 要素をブロック要素に変換し、ブロック要素の幅と高さを設定します。 a要素。
フォントの太さを設定するには、font-weight プロパティを使用します。
color プロパティとbackground-color プロパティを使用して、フォントの色と背景色を設定します。
text-align:center; を使用して、a 要素内のテキストを水平方向の中央に配置します。
テキスト装飾を使用して、リンクの下線を削除します。
新しいファイル
<!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>
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます
