?? 7-2.html
字號:
<html>
<head>
<title>按鈕超鏈接</title>
<style>
<!--
a{ /* 統一設置所有樣式 */
font-family: Arial;
font-size: .8em;
text-align:center;
margin:3px;
}
a:link, a:visited{ /* 超鏈接正常狀態、被訪問過的樣式 */
color: #A62020;
padding:4px 10px 4px 10px;
background-color: #ecd8db;
text-decoration: none;
border-top: 1px solid #EEEEEE; /* 邊框實現陰影效果 */
border-left: 1px solid #EEEEEE;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;
}
a:hover{ /* 鼠標經過時的超鏈接 */
color:#821818; /* 改變文字顏色 */
padding:5px 8px 3px 12px; /* 改變文字位置 */
background-color:#e2c4c9; /* 改變背景色 */
border-top: 1px solid #717171; /* 邊框變換,實現“按下去”的效果 */
border-left: 1px solid #717171;
border-bottom: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
}
-->
</style>
</head>
<body>
<a href="#">首頁</a>
<a href="#">心情日記</a>
<a href="#">學習心得</a>
<a href="#">工作筆記</a>
<a href="#">生活瑣碎</a>
<a href="#">其他</a>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -