# リンクのaタグのcss装飾

この左画面を左クリックすれば以下の赤字のスクリプト全部がクリップボードにコピーされるので、右の画面の赤い矢印の右側に貼り付けてください。

    a {
    	height: 36px;
    	padding: 12px 0 0 0;
    	text-align: center;
    	text-decoration: none;
    	background-color: black;
    	display: block;
    	color: white;
    }

では「制御」→「実行」メニューを実行してください。
リンクの文字の色などがカッコよくなりました。
内側の余白(padding)で上だけ12ピクセル下げて文字を書くので、高さは48-12=36ピクセルですね。
テキストを中央寄せにして、リンクのアンダーラインを無くし、背景色を黒色にして、display:blockで矩形全体をクリックできるようにして、文字の色を白色にしてますね。

### 次へ