可以加入以下的 CSS 樣式,就可以產生類似按鈕的效果,在框內都會有反應,不一定要點選文字才行
<style>
a {
display: block; /* 設為區塊模式 */
background-color: #94B8E9; /* 定義按鈕顏色 */
border: 1px solid black; /* 按鈕邊框 */
text-decoration: none; /* 不產生底線 */
text-align: center; /* 將文字置中 */
width: 300px; /* 設定寬度 */
}
/* 滑鼠指到連結時改變按鈕顏色 */
a:hover {
background-color: #369;
color: #fff;
}
</style>
<body>
<a href="#">Button Link</a>
</body>
效果:
滑鼠移到按鈕上會改變顏色:


沒有留言:
張貼留言