对样式设置的疑问

对样式设置的疑问

<!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>

http://img1.sycdn.imooc.com//climg/5eccd3d7093cbbd901010068.jpg

问题一:http://img1.sycdn.imooc.com//climg/5eccd40b095016ee00810053.jpg鼠标没有变为小手,为什么,怎么弄?

问题二:http://img1.sycdn.imooc.com//climg/5eccd40b095016ee00000000.jpg里面的字体为什么没有变为黑色?怎么弄?(通过button或是a标签设置都不可以)

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,可以给a标签设置如下样式:

http://img1.sycdn.imooc.com//climg/5ecdc62709fae0a302680139.jpg

使a标签变成行内块,设置宽和高,使其和button按钮大小一致,这样鼠标悬浮在button按钮相当于悬浮在a标签上,a标签的设置在button范围内都能生效。

祝:学习愉快~

好帮手慕阿满 2020-05-26 18:39:19

同学你好,

1、当鼠标放在a标签上时,箭头会变成小手。如果同学想要当鼠标放在button上时,箭头变小手,可以给button增加coursor:pointer设置,如:

http://img1.sycdn.imooc.com//climg/5eccef1a09b8ea0703670179.jpg

2、a标签设置,当未被访问时,显示白色,所以当鼠标在button上边,不在a标签上时,字体不会显示黑色,而是a标签设置的白色。当鼠标放在a标签上时,字体显示黑色。同学需要将鼠标放在a标签上。

祝:学习愉快~

  • 提问者 言无月 #1
    所以请问怎么样才可以在鼠标放在button时字体黑色
    2020-05-26 20:31:21
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师