对样式设置的疑问
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
button{
width: 100px;
height: 45px;
margin: 15px 0px 10px 0px;
background-color: #000;
border: none;
color: #fff;
}
a{
text-decoration: none;
}
button:hover{
background-color: #fff;
border: solid 2px #000;
color: black;
}
button:link{
color:#fff;
}
button:visited{
color:#000;
}
a:link{
color: white;
}
a:visited{
color: white;
}
a:hover{
color: black;
}
</style>
</head>
<body>
<button href="#"><a href="#">123</a></button>
</body>
</html>
问题一:鼠标没有变为小手,为什么,怎么弄?
问题二:里面的字体为什么没有变为黑色?怎么弄?(通过button或是a标签设置都不可以)
正在回答
同学你好,可以给a标签设置如下样式:
使a标签变成行内块,设置宽和高,使其和button按钮大小一致,这样鼠标悬浮在button按钮相当于悬浮在a标签上,a标签的设置在button范围内都能生效。
祝:学习愉快~
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手,到Java Web基础,前后端结合助你完成Java Web小白的蜕变!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星