1 <html xmlns="http://www.w3.org/1999/xhtml">
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
4 <title>收藏的几个css按钮样式</title>
5 <style>
6 <!--
7 body { font-family: Tahoma; font-size: 8pt }
8 .leftmenu {
9 width:150px;
10 }
11 .leftmenu li {
12 display: inline;
13 white-space: nowrap;
14 }
15
16 .leftmenu span,
17 .leftmenu a:active,
18 .leftmenu a:visited,
19 .leftmenu a:link {
20 display: block;
21 text-decoration: none;
22 margin: 6px 10px 6px 0px;
23 padding: 2px 6px 2px 6px;
24 color: #00527f;
25 background-color: #d9e8f3;
26 border: 1px solid #004266;
27 }
28
29 .leftmenu a:hover {
30 color: red;
31 background-color: #8cbbda;
32 }
33
34 .leftmenu span {
35 color: #a13100;
36 }
37
38 -->
39 </style>
40
41 </head>
42 漂亮的按钮
43 <body>
44 <ul class="leftmenu">
45 <li><a target="_blank" href="http://www.microsoft.com/china">www.Microsoft.com</a>
46 <li><a target="_blank" href="http://www.google.com">www.Google.com</a>
47 <li><a target="_blank" href="http://www.csdn.net/">www.CSDN.Net</a>
48 </ul>
49 </body>
50 </html>
51
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
4 <title>收藏的几个css按钮样式</title>
5 <style>
6 <!--
7 body { font-family: Tahoma; font-size: 8pt }
8 .leftmenu {
9 width:150px;
10 }
11 .leftmenu li {
12 display: inline;
13 white-space: nowrap;
14 }
15
16 .leftmenu span,
17 .leftmenu a:active,
18 .leftmenu a:visited,
19 .leftmenu a:link {
20 display: block;
21 text-decoration: none;
22 margin: 6px 10px 6px 0px;
23 padding: 2px 6px 2px 6px;
24 color: #00527f;
25 background-color: #d9e8f3;
26 border: 1px solid #004266;
27 }
28
29 .leftmenu a:hover {
30 color: red;
31 background-color: #8cbbda;
32 }
33
34 .leftmenu span {
35 color: #a13100;
36 }
37
38 -->
39 </style>
40
41 </head>
42 漂亮的按钮
43 <body>
44 <ul class="leftmenu">
45 <li><a target="_blank" href="http://www.microsoft.com/china">www.Microsoft.com</a>
46 <li><a target="_blank" href="http://www.google.com">www.Google.com</a>
47 <li><a target="_blank" href="http://www.csdn.net/">www.CSDN.Net</a>
48 </ul>
49 </body>
50 </html>
51
【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步