`
qingzuochen
  • 浏览: 272109 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

强大的CSS!按钮变超链接

    博客分类:
  • CSS
阅读更多
   原文:http://natbat.net/2009/Jun/10/styling-buttons-as-links/

button.link {
	font-family: "Verdana" sans-serif;
	font-size: 1em;
	text-align: left;
	color: blue;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}

button.link span {
	text-decoration: underline;
}
button.link:hover span,
button.link:focus span {
	color: black;
}
分享到:
评论

相关推荐

    CSS3自定义样式超链接按钮 鼠标滑过带动画特效

    解压密码:RJ4587 超链接和按钮在网页中是最为基本的元素了,我们可以通过设置CSS样式将链接外观做一些简单的调整,比如文本大小、颜色和下划线。今天我们分享的一个基于CSS3的自定义样式超链接按钮,并且鼠标滑过...

    用CSS设置超链接与导航菜单

    制作丰富的超链接特效 创建按钮式超链接 制作荧光灯效果的菜单

    css3鼠标悬停按钮的动画

    这是一款css3鼠标悬停按钮的动画。该动画效果在鼠标悬停到超链接上面的时候,通过伪元素来制作边框浮动动画,效果非常炫酷。

    BootStrap 超链接变按钮的实现方法

    <a> xuhaitao ...JS按钮(bootstrap)超链接 html代码: button是bootstrap样式,请先加入bootstrap.min.css和jquery-1.11.1.min.js <a></a> <button id="Submit6" class="btn btn-sm btn-success

    CSS3鼠标悬停图片显示购物车等图标按钮动画特效

    一款纯CSS3实现的鼠标悬停图片显示购物车等图标按钮动画特效,适用于商城商品图片列表布局样式。

    08-最新HTML5+CSS3+JavaScript实用案例大全(2181例).rar

    ]4种漂亮的CSS3鼠标拖动滑块样式代码15个漂亮的css3单选按钮美化动画代码]5款漂亮的jQuery拖动滑块选值特效5款实用的jQuery验证码插件 5种css3鼠标滑过图片文字动画代码 5组简洁漂亮的CSS3鼠标Hover按钮动画特效6款...

    精通CSS+DIV网页样式与布局视频教材

    7.1.2 按钮式超链接 7.1.3 浮雕式超链接 7.2 鼠标特效 7.2.1 CSS控制鼠标箭头 7.2.2 鼠标变幻的超链接 7.3 页面滚动条 第8章 用CSS制作实用的菜单 8.1 项目列表 8.1.1 列表的符号 8.1.2...

    CSS3鼠标经过显示购物车按钮特效.zip

    CSS3鼠标经过显示购物车按钮特效是一款通过鼠标悬停图片事件,文字价格和图标进行切换动画特效。

    使用JQuery和CSS模拟超链接的用户单击事件的实现代码

    在正式开始本文之前,先来简单介绍下HTML的标签:使用标签,我们可以在HTML页面上定义锚(anchor),锚有两种用法: 通过使用 href 属性,创建指向另外一个文档的链接(或超链接) 通过使用 name 或 id 属性,创建一...

    Hover.css纯CSS3鼠标滑过特效动画库

    Hover.css是一款效果很酷的纯CSS3鼠标滑过特效动画库。Hover.css支持的元素包括超链接、按钮、logos、SVG和图片等。当鼠标滑过元素时有背景颜色变化效果、图标变化效果、阴影、抖动、旋转、折角等107种特效。

    使用CSS去掉超链接的虚线边框的方法

    在前端制作的过程中会发现,一些文字/图片链接,或者一些input控件,在点击时会在周围出现虚线边框,一般会在火狐和IE浏览器下出现虚线框,谷歌下不会... 纯CSS去掉超链接或按钮点击时出现的虚线边框 CSS Code复制内容

    CSS网站布局实录 (第二版)PDF版

    4.7.2 CSS按钮 4.7.3 图片翻转链接 4.7.4 面包屑导航链接 第5章 CSS内容排版 5.1 文字排版 5.1.1 通栏排版 5.1.2 分栏排版 5.2 图文混合排版 5.2.1 图片基础控制 5.2.2 不规则文字环绕 5.3 全图排版 5.4 表格排版 ...

    css--实验报告.doc

    2 、连接页面的CSS文件,先建一个名为styie.css的文件,然后打开CSS样式面板, 单击附加样式表,连接超链接。 3 、设计网页的通用规则。通用规则对所有的标记都起作用,绝大部分标记都会涉及 属性。打开CSS样式面板...

    使用CSS清除按钮和超链接点击时产生的虚线

    使用CSS清除按钮和超链接点击时产生的虚线的方法

    隐藏超链接,按钮按下时的虚线方法

    本笔为html中设置超链接,或者按钮 点击时按下状态设置显示虚线的状态, 默认为有虚线,设置如下三种任意方式均可取消显示虚线, 1,css样式中添加属性,star: [removed]this.hideFocus = ‘true’); 2, 隐藏虚线...

    HTML_CSS学习笔记.docx

    5.2. 标签:为网页添加超链接 17 5.3. 标签 target属性:在窗口中打开链接 17 5.4. 家族:为网页添加表格 18 5.5. 、、标签:定义表格的表头、表身、表尾 19 6. HTML5表单标签 20 6.1. 标签:创建表单,与用户交互 ...

    .企业网站优化与美化

    使用CSS设置图文混排效果 使用CSS设置表格特效 使用CSS设置表单特效 使用CSS设置导航栏特效 使用CSS设置超链接特效、超链接按钮 使用DIV+CSS进行网站布局 了解网站的配色与结构

Global site tag (gtag.js) - Google Analytics