`

用CSS样式制作按钮式超链接

阅读更多

a:link--用来定义未访问过的超链接样式

a:visited--用来定义访问过的超链接样式

a:active--用来定义活动的超级链接(即获得当前焦点的链接)

a:hover--用来定义有鼠标悬停的链接样式

<html>
	<head>
		<style type="text/css">
			a{
					font-family:Arial;
					font-size:21px;
					text-align:center;
					margin:3px;
			}
			a:link,a:visited{
					color:#002020;
					backgroud-color:blue;
					border-top:1px solid #EE00EE	/*边框阴影效果*/
					border-left:1px solid #EE00EE
					border-bottom:1px solid #720072
					border-right:1px solid #720072
					
			}
			a:hover{
					color:#930220;	                /*改变文字颜色*/
					padding:5px 8px 3px 12px;
					backgroud-color:green;		/*改变背景颜色*/
					border-top:1px solid #720072	
					border-left:1px solid #720072
					border-bottom:1px solid #EE00EE
					border-right:1px solid #EE00EE
			}
		  </style>
	</head>
  <body>
	<a href="#">Back to Home</a>
  </body>
</html>

 

分享到:
评论

相关推荐

    精通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...

    中文版Dreamweaver CS4网页制作实用教程》

    第6章 使用CSS样式美化 111 6.1 CSS样式的基础知识 111 6.1.1 CSS样式的概念 111 6.1.2 CSS样式的功能 112 6.1.3 CSS样式规则 112 6.2 使用CSS样式 113 6.2.1 认识【CSS样式】面板 114 6.2.2 新建CSS样式规则 115 ...

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

    4.1 用CSS设计网站导航 4.1.1 横向导航 4.1.2 纵向导航 4.1.3 下拉及多级弹出式菜单 4.1.4 门户网站的导航设计(闪客帝国) 4.2 背景控制 4.2.1 背景颜色 4.2.2 背景图片 4.2.3 背景定位 4.2.4 背景滚动 4.2.5 背景...

    My-Full-stack-WebD-Course:这是一个完整的初学者,以推进由我仅 @rajmondal 创建的全栈 Web 开发课程。 在这个存储库中,我按课程内容跟踪了所有内容

    CSS -&gt; CSS 中的选择器内联、内部和外部 CSS CSS 中的选择器Chrome 开发工具CSS 中的字体CSS 中的颜色边框和背景盒模型、边距和填充浮动和清除样式链接和按钮CSS 显示属性 - 内联、块、内联块CSS 弹性盒自定义属性和...

    xheditor-1.1.14

    如果您希望样式表存储在系统自带的模板目录ui.css中,请将插件对象的样式名留空,则会自动按照插件名来调用相应的样式,例如:xhEdtBtnCut、xhEdtBtnCopy,其中的Cut和Copy是插件名 具体调用方法请参考演示文件夹中...

    《程序天下:JavaScript实例自学手册》光盘源码

    2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置控件的事件 第3章 字符串文本和输入框特效 3.1 只带下划线的输入框 3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首...

    程序天下:JavaScript实例自学手册

    2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置控件的事件 第3章 字符串文本和输入框特效 3.1 只带下划线的输入框 3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首...

    70款经典Dreamweaver插件

    persistent_layers 不管滚动...flat_button 用CSS改变了样式的文本框或按钮 format_css_4 规范化代码,附带若干选项设置。 explore 在DW的Site窗口中选中文件夹后在右键菜单中添加一条“在资源管理器中打开...”的命令

    Dreamweaver 插件集

    各种Dreamweaver 插件包括:...用CSS改变了样式的文本框或按钮 format_css_4 规范化&lt;style&gt;代码,附带若干选项设置。 explore 在DW的Site窗口中选中文件夹后在右键菜单中添加一条“在资源管理器中打开...”的命令

    Dreamweaver 扩展

    mm_flabutton_styles 为DW4增加几款新的Flash按钮样式 mx142100_mmflabuttonstyles 13款Flash Button,并带有.fla的源文件 mx196756_turkeyscounties 80多个国家的一个下拉菜单 FlashImage 响应鼠标事件的图片渐显渐...

    HTML开发王

    15.2 添加css样式到html网页 15.2.1 设置默认的样式表语言 15.2.2 内联样式 15.2.3 定义嵌入的样式表(style元素) 15.3 使用外部样式表 15.3.1 “可替换样式表”和“偏好样式表” 15.3.2 指定外部样式表 15.3.3 样式...

    jQuery攻略.pdf

    47 3.9 查明元素何时获得和失去焦点 49 3.10 在按钮上应用悬停效果 50 3.11 切换应用一个CSS类 52 3.12 创建基于图像的变换 54 3.13 为响应事件而添加和删除文本 57 3.14 应用样式作为对事件的响应 58 3.15 显示文字...

    超实用的jQuery代码段

    第4章 jQuery操作CSS样式 4.1 使用addClass()函数动态添加样式类 4.2 使用removeClass()函数动态移除样式类 4.3 使用toggleClass()函数切换页面元素的样式类 4.4 为body增加class类支持 4.5 操作div的显示与...

    PHP程序开发范例宝典III

    实例059 鼠标单击文字超链接样式 87 实例060 鼠标滑过图片超链接样式 88 实例061 鼠标单击文字获得帮助效果 89 3.4 页面样式 90 实例062 动态标题栏 90 实例063 滚动条样式 91 实例064 页面整体风格 ...

    Pirate Bay HD-crx插件

    款式季节和情节数字使字体变大 可能的未来特点: 添加季节和集团的列 V1.7 - 小CSS更改 v1.6 - 替换已错位的图像。 v1.5 - 更新的开发人员页面 V1.4 - 处理对海盗湾布局的变更 V1.3 - 现在使用SSL。 从开发人员HTML...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例024 Dreamweaver中创建和附加CSS样式 42 实例025 Dreamweaver控制弹出信息 45 实例026 Dreamweaver控制浏览器的窗口 46 实例027 通过Dreamweaver创建站点 47 实例028 通过Dreamweaver开发第1个PHP程序 48 1.7 ...

Global site tag (gtag.js) - Google Analytics