UI

CSS按钮实例演示

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>吹牛b点坑 - CSS按钮实例演示</title>
<style type="text/css">
<!--
#menu {
  width:8em;
  padding:0.5em;
  background:#ccc;
  font-family: "Terminal";
 }
#menu a, #menu a:visited {
 display:block;
 width:7em;
 color:#669900;
 text-align:center;
 background-color:#fff;
 text-decoration:none;
 margin:0.5em 0;
 border-left:0.5em solid #9ab;
 }
#menu a:hover {
 color:#f00;
 border-left:0.5em solid #000;
 }
.box {
 position:relative;
 }
-->
</style>
</head>

<body>
<div id="menu">
 <div class="box">
 <a href="http://liuleng.com/">
 吹牛b点坑
 </a>
 </div>
 <div class="box">
 <a href="http://liuleng.com/">
 首页
 </a>
 </div>
 <div class="box">
 <a href="http://liuleng.com/">
 设计
 </a>
 </div>
 <div class="box">
 <a href="http://liuleng.com/">
 教程
 </a>
 </div>
 <div class="box">
 <a href="http://liuleng.com/">
 资源
 </a>
 </div>
</div>

</body>
</html>
分类: UI

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理

相关文章

开始在上面输入您的搜索词,然后按回车进行搜索。按ESC取消。

返回顶部