`
bcyy
  • 浏览: 1823651 次
文章分类
社区版块
存档分类
最新评论

CSS控制<a>标签变为button

 
阅读更多

这是我看到的一段代码,有兴趣可以试一下哦,我觉得很有意思,可以将你页面的超链接变成button。

<!DOCTYPEhtmlPUBLIC "//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS让文字链接变为3D按钮 -www.enzit.cn</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type="text/css">
a{ display:block; width:70px;
height:16px;
border:2px outset #eee;
background:#eee; text-align:center;
font-size:12px; color:#000; text-decoration:none; padding-top:2px; }
a:hover{ border:2px inset #eee; background:#CCCCCC; text-decoration:none; } </style>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
</body>
</html>

转自:http://hi.baidu.com/wyjsusan/item/a15be03b1dff2bcf392ffa92

分享到:
评论
1 楼 coosummer 2015-11-11  
推荐使用http://buttoncssgenerator.com ,可以生成各种效果的按钮css,包括圆角、渐进颜色、阴影,并兼容各大主流浏览器

相关推荐

    用css把a链接模拟成button的样子的方法

    用css把a链接模拟成button的样子

    asp学习笔记

    &lt;ul/&gt; 列表标签,配合li使用 &lt;h1(2/3/4/...)/&gt; 标题标签 table 表格标签 tr 行标签 td 列表签 th 标题标签 *属性: &lt;div solid red;"&gt; &lt;table border="1" cellspacing="0" cellpadding="0" width="400" height...

    CSS让网页提交input按钮与众不同

    1、把按钮的背景由灰色变成黄色,下面是代码:〈form method="POST"〉〈input type="button" value="按钮" name="B1" style="background-color: rgb(255,255,0)"〉〈/p〉〈/form〉“form”标签就是表单的标签,...

    CSS实现鼠标滑过鼠标点击代码写法

    我们定义一个按钮标签 复制代码代码如下:&lt;button class=”px-button”&gt;BUTTON&lt;/button&gt; 我们首先设置按钮的背景颜色为灰色: 复制代码代码如下:.px-button{background-color: grey;} 我们要使得鼠标滑过...

    CSS让网页里的提交按钮变得更漂亮

    就是CSS,它就是那个能让你更为准确地控制网页的东东。让我们先来看两个例子: 1、把按钮的背景由灰色变成黄色,下面是代码: 〈formmethod=POST〉 〈inputtype=buttonvalue=按钮name=B1style=background-color:...

    ExtAspNet_v2.3.2_dll

    -Window的Target属性由字符串类型变为枚举类型,注意更新以前的代码:Target="_self" -&gt; Target="Self", Target="_parent" -&gt; Target="Parent"。 -MenuButton, LinkButton, Button, LinkButtonField的...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Window的Target属性由字符串类型变为枚举类型,注意更新以前的代码:Target="_self" -&gt; Target="Self", Target="_parent" -&gt; Target="Parent"。 -MenuButton, LinkButton, Button, LinkButtonField的...

    Bootstrap学习笔记之css样式设计(2)

    首先,很感谢各位朋友对我的支持,关于bootstrap的学习总结,我会持续更新,如果有写的不对的地方,麻烦各位给我指正出来哈。...标签宽度都将变为width:100%,且在表单中通常是将控件配合label标签一起包含在form-grou

    文章管理系统

    4.生成的缓存文件加入&lt;%和%&gt;字符的编码,防止因配置内容含asp代码而造成程序出错 5.读取文件加入对0字节文件的错误判断处理 2013年01月11日 V2.7升级包 ★更新方式:admin文件夹改成你后台目录名,然后补丁包里的...

    Google Chrome 6.0.451.0 Dev 版(一个由Google公司开发的网页浏览器)

     “沙盒小组”表示他们“使用了现有的执行程序限制,并让这些限制变成一座监狱”例如在其中一个标签页运作的恶意软件,将无法窃取信用卡号码、干扰鼠标运作,或告诉系统在启动时执行某个程序,并且恶意软件会在标签...

Global site tag (gtag.js) - Google Analytics