36-盒子模型設定的超連結->形狀像個按鈕
阿新 • • 發佈:2019-02-11
<html> <head> <title>超連結背景顏色的設定</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <style> a{ /*設定背景顏色*/ BACKGROUND-COLOR: 74B500; COLOR: #ffffff; /*設定超連結的下劃線樣式為無*/ text-decoration:none; /*設定為圓角邊框*/ border-radius: 4px; /* Old Firefox */ -moz-border-radius:25px; /*設定背景顏色邊框的顏色*/ BORDER: 1px solid 74B500; /*設定背景的大小*/ padding:10px 10px 10px 10px; } p{ margin-left:200px; margin-top:200px; } </style> </head> <body> <p> <a href="www.baid.com">開啟百度</a> </p> </body> </html>
執行環境為:谷歌瀏覽器