用HTML语言超级链接做一个按
学习目地:今天要用HTML语言+CSS语言+标签伪类,做一个超级链接按钮,这个按钮为长方形鼠标停留时会变暗。
代码准备
(图片来自网络,图1)
从图1中,可以看出这个按钮代码是前面教过大家的超级链接模块化为基础的,比之前的代码多运用了一个伪类a:hover.对没错就是多了一个伪类,还有通过块属性修改了宽高值使长方形看起来像一个按钮。长话不说我们先把图1中的代码输入到记事本中,然后另存为HTML文件,然后打开HTML文件如图2.
(图片来自网络,图2)
看到图2后,就说明代码起到试验的基本作用了,然后我们试下把鼠标移动到长方体上,伪类a:hover便生效如图2,长方体会自然变暗看起来就更像一个按钮了。
(图片来自网络,图2)
**************EMD**************
部分内容参考网络,本文只限于学习交流请勿它用
***********************************
领取专属 10元无门槛券
私享最新 技术干货