用HTML语言超级链接做一个按钮

用HTML语言超级链接做一个按

学习目地:今天要用HTML语言+CSS语言+标签伪类,做一个超级链接按钮,这个按钮为长方形鼠标停留时会变暗。

代码准备

(图片来自网络,图1)

从图1中,可以看出这个按钮代码是前面教过大家的超级链接模块化为基础的,比之前的代码多运用了一个伪类a:hover.对没错就是多了一个伪类,还有通过块属性修改了宽高值使长方形看起来像一个按钮。长话不说我们先把图1中的代码输入到记事本中,然后另存为HTML文件,然后打开HTML文件如图2.

(图片来自网络,图2)

看到图2后,就说明代码起到试验的基本作用了,然后我们试下把鼠标移动到长方体上,伪类a:hover便生效如图2,长方体会自然变暗看起来就更像一个按钮了。

(图片来自网络,图2)

**************EMD**************

部分内容参考网络,本文只限于学习交流请勿它用

***********************************

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190106G0G1WG00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券