简单的鼠标悬停效果

简单的鼠标悬停效果_第1张图片




charset="utf-8">

</span><span class="html-tag">

target="_blank" />








href="#" class="">首页

href="#" class="">公司简介

href="#" class="">产品中心

href="#" class="">人才招聘

href="#" class="def">联系我们


运用简单的标签和标签样式设计自己喜欢的鼠标悬停样式:

  //可以点击文本使之跳转到相应的网址。

中设置各个标签的样式,设置标签样式可以使用class名,例如:class="btn"

中设置其样式时用 .btn{...}表示;还可以使用id名,例如:id="bn" 用 #bn{...}表示。其

中class名可以有多个,而id名只能有一个。

设置鼠标悬停样式:标签名:hover{...}。

行内元素转化为块级元素(方便改变其排版样式):display:block;

简单的鼠标悬停效果_第2张图片





charset="UTF-8">

</span><span class="html-tag">

target="right" />






href="c.html">首页

href="gsjj.html">公司简介

href="cpzx.html">产品中心

href="lxwm.html">联系我们






这是一个初级者的知识记录。

你可能感兴趣的:(HTML)