`

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="#">按钮1</a>
       <a href="#">button</a> 
       <a href="#">button2</a> 
</body>
</html>

 

效果图:

 

 

 

  • 大小: 1.4 KB
分享到:
评论

相关推荐

    HTML代码,按钮做超链接

    HTML代码,按钮做超链接。HTML代码,按钮做超链接。

    QT在QTableView的一列里添加两个按钮

    http://www.cnblogs.com/li-peng/p/4029885.html的源码,QT在QTableView的一列里添加两个按钮

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

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

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

    本笔为html中设置超链接,或者按钮 点击时按下状态设置显示虚线的状态,默认为有虚线,设置如下三种任意方式均可取消显示虚线,

    HTML+css+js实现一个完整的登录+注册页面

    使用a标签来实现两个页面的相互跳转,设置超链接的文本和目标地址。 html登录注册页面 使用div标签来划分页面的不同区域,方便进行样式设置和内容填充。 使用label标签来为输入框添加文本标签,方便用户输入和验证。...

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

    4个jQuery手机移动端幻灯片swipeslider插件]4个很漂亮的鼠标滑过超链接jQuery动画特效T4个简单实用的jQuery超链接动画特效 4款echarts.js扁平图形统计图表代码4款超酷Tabs选项卡代码 ]4种动态波浪文字动画js特效 ]4...

    MicrosoftHTMLHelpWorkshopV1.3汉化版.rar

    按[Insert a heading]按钮,会弹出一个询问是否在所选标题上面插入标题的对话框,我们按“否”,在[Entry title]输入页面标题“准备”,并按[Add]指定对应的 HTML 文件,返回后就又加了一个标题。 在标题...

    jQuery可放大任何HTML元素放大镜.zip

    jQuery可放大任何HTML元素放大镜是一款不仅可以放大图片,还可以放大任何的HTML元素,例如超链接,文本等。

    从入门到精通HTML5——PDF——网盘链接

     5.2.3 设置超链接的目标窗口 85  5.3 内部链接 87  5.4 书签链接 89  5.4.1 建立书签 89  5.4.2 链接到同一页面的书签 91  5.4.3 链接到不同页面的书签 92  5.5 外部链接 93  5.5.1 通过HTTP协议 94  ...

    HTML_CSS学习笔记.docx

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

    jQuery可放大任何HTML元素的网页放大镜

    jQuery可放大任何HTML网页元素的放大镜是一款不仅可以放大图片,还可以放大文字,按钮,超链接等HTML元素。压缩包内含三种放大效果,演示只有一个。

    Html5中文手册(程序员必备手册)

    3、&lt;a&gt; 定义超链接。 4、&lt;abbr&gt; 定义缩写。 5、&lt;address&gt; 定义地址元素。 6、&lt;area&gt; 定义图像映射中的区域。 7、&lt;article&gt; 定义外部的内容。 8、&lt;aside&gt; 定义article 以外的内容。 9、&lt;audio&gt; 定义声音内容。 10、...

    爱淘课1初识HTML代码.swf

    第一课(初识HTML代码) 第二课(HTML文件基本结构) 第三课(HTML头部标记) 第四课(网页的主体标记body) 第五课(相对路径和绝对路径) 第六课 标题字 第七课 文本样式基本标记 ...第三十七课:按钮

    admin_zh.zip

    在书籍的index.html中有一个"查看所有书籍"的超链接按钮,点击进入书籍列表bool_list.html页面. 4. 在书籍book_list.html中显示所有书名,点击书名可以进入书籍详情book_detail.html 5. 在书籍book_detail.html中...

Global site tag (gtag.js) - Google Analytics