按钮式超链接代码

按钮式超链接代码简单的制作按钮式超链接效果代码,视觉上产生按钮图样

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

效果图:(点击好现实按钮效果)

按钮式超链接代码

HTML菜单栏布局源代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<a href="#">首页</a>
<a href="#">心情日记</a>
<a href="#">学习心得</a>
<a href="#">工作笔记</a>
<a href="#">生活琐碎</a>
<a href="#">其他</a>
</body>
</html>

后加CSS样式

<style type="text/css">
     a{
		 font-family:Arial;
		 font-size:.9em;
		 text-align:center;
		 margin:3px;
	 }
      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 #EEE;
		 border-right:1px solid #EEE;
	 }
	 a:link, a:visited{    /* 边鼠标点击后效果 */
		 color:#A62020;
		 padding:4px 10px 4px 10px;
		 background-color:#ecd8db;
		 text-decoration:none;
		 border-top:1px solid #EEE;    /* 边框实现阴影效果 */ 
		 border-left:1px solid #EEE;
		 border-bottom:1px solid #717171;
		 border-right:1px solid #717171;
	 }
	
    </style>

其中, 鼠标经过超链接的时候 设置的样式 。padding属性意在通过内边距微调来改变文字位置

padding:5px 8px 3px 12px; 

通过设置边框。将边框上边和左边、下边和右边分别设置不同的颜色。制造阴影效果

                 border-top:1px solid #717171;
		 border-left:1px solid #717171;
		 border-bottom:1px solid #EEE;
		 border-right:1px solid #EEE;

如图   按钮式超链接代码为鼠标经过的效果 边框颜色与上图相反。文字位置也稍作改动
同理 也可以设置鼠标点击后的效果,此时边框颜色恰恰相反

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/158293.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 铸博皇御:贵金属技术分析基础入门知识「建议收藏」

    铸博皇御:贵金属技术分析基础入门知识「建议收藏」 在贵金属投资市场上,或许有很多投资者表示贵金属技术分析很难理解。特别是刚入门的新手,可能一开始对其并不容易理解,其实这可以理性地看待。贵金属技术分析是根据历史数据,以及开盘价、收盘价、最高价、最低价,利用数学统计的方法来进行综合统计计算。  一般进行分析时需要抛弃主观观念,客观地去分析价格的走向。虽然它不能够左右价格走向,但是可以由价格决定它的趋势走向。所以能不能学好贵金属技术分析,是多方面作用的结果。但需要提醒大家的是:用贵金属技术分析法,只能分析它的趋势,意味着不能完全依赖技术分析来行情作为决策重

    2022年5月28日
    34
  • Unix/Linux环境C编程新手教程(22) C/C++怎样获取程序的执行时间「建议收藏」

    Unix/Linux环境C编程新手教程(22) C/C++怎样获取程序的执行时间

    2022年1月29日
    39
  • repos_there are no enabled repos

    repos_there are no enabled repos配置Base源,使用163或者阿里的1、mirrors.163.com/2、mirrors.aliyun.com/or https://developer.aliyun.com/mir

    2022年8月4日
    4
  • 文件读写

    文件读写

    2021年11月19日
    49
  • java实现敏感词过滤「建议收藏」

    java实现敏感词过滤「建议收藏」项目中的需要,对用户的输入进行敏感词的过滤,使用的是DFT算法,敏感词可以从数据库进行读取和配置.把代码整理了一下,可以直接使用完整工程下载地址:https://download.csdn.net/download/a897180673/10278921一共三个类,1个测试类,1个从数据库加载敏感词类,一个是实现DFT算法的类,具体的算法可以去研究.首先是从数据库加…

    2022年5月29日
    30
  • mina框架学习

      一、mina简介    mina框架是对nio进行的一个封装,可用于java的网络编程,包括TCP/IP和UTP/IP编程,主要屏蔽了网络通信的一些细节,对socket进行封装,并且是用nio的一个实现框架,mina的主要类如下: 1、IoService接口用于描述客户端和服务端的接口,子类有IoConnector(客户端)和IoAcceptor(服务端)。1….

    2022年4月6日
    34

发表回复

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

关注全栈程序员社区公众号