本文目录
- a:hover怎么用
- 网页设计怎么单独的设计多种a:hover
- 在HTML中a:link ；a:visited ；a:hover； a:active ；分别表示什么意思
- 鼠标移动到标签上面，改变背景颜色，使用a:hover没用，这是为什么
- a hover 怎么写
a:hover怎么用
a:hover {text-decoration:underline; color:#00FF00;}/* 鼠标悬浮在链接上时.出现下划线颜色变绿色 */
网页设计怎么单独的设计多种a:hover
因为css无法选择父元素，但是能选择兄弟元素，所以我们没必要那么死板，可以让方框和字体作为兄弟节点，让字体悬浮在方框上就行了。想要单独给某个a设置hover，可以直接利用该a的id，或者用父元素的后代选择器nth-child()，不过不推荐
《!DOCTYPE html》
《html》
《head》
《meta charset=“UTF-8“》
《title》icon《/title》
《style type=“text/css“》
a {
text-decoration: none;
}
#box {
width: 306px;
height:306px;
position: relative;
overflow: hidden;
}
#icon{
width: 300px;
height: 300px;
position: absolute;
border: 1px solid black;
}
#icon:hover{
border: 3px solid red;
}
#icon img{
width: 200px;
height: 200px;
border: 1px solid orange;
border-radius: 100px;
margin-left:50px;
margin-top: 20px;
}
#txt{
width: 300px;
display: block;
position: absolute;
bottom: 5px;
text-align: center;
cursor: pointer;
z-index: 100;
}
#txt:hover{
color: green;
}
#txt:hover + #icon{
border: 3px solid green;
}
《/style》
《/head》
《body》
《div id=“box“》
《a id=“txt“》请放进来《/a》
《a id=“icon“》《img src=““/》《/a》
《/div》
《/body》
《/html》
在HTML中a:link ；a:visited ；a:hover； a:active ；分别表示什么意思
a：link 定义没有点击访问过的链接属性，简单说就是第一次打开网站显示的超链接/锚文本显示的属性样式
a：visited 定义访问过的链接属性。
根据浏览器访问记录来定义是否访问过
a：hover 定义鼠标悬停状态下的属性（常用于定义背景颜色或文字颜色）
a：active 定义鼠标按下时的属性（常用同上）
-ahover
鼠标移动到标签上面，改变背景颜色，使用a:hover没用，这是为什么
1、加了超级链接改变颜色，需用a:hover
2、可是你第二张截图中css中并没有写a:hover，用的只是hover。
3、正确写法：a.green-color:hover{ }
a hover 怎么写
a hover写到css文件里还是写到网页里都行。
.white {
}
a:hover{color:#F00;}
a:link {color:blue;}
a:visited {color:blue;}
a:hover {color:red;}
a:active {color:yellow;}
如果写在网页里就要放在 《style》《/style》 标记内-hover
