<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#img{/*背景图*/
background-image: url(1.jpeg);
}
.log{/*文本框*/
width: 300px;
height: 40px;
margin: 15px 10px 10px 10px;/*上 右 下 左,两个文本框的边距*/
text-indent: 10px;
}
.box{/*盒子*/
width: 399px;
height: 279px;
border-radius: 4px;
border: 5px solid green;
border-color: transparent;
padding: 25px;
margin: 25px;
position: absolute;
left: 780px;
top: 150px;
background-color: white;
}
.butt{/*登录按钮*/
width: 300px;
height: 50px;
margin: 10px 10px 10px 10px;
background-color: rgba(134,206,47,1.00);
}
a:hover{
position: absolute;
left: 368px;
top: 295px;
font-size: 15px;
text-decoration:none; /*鼠标放上去有下划线*/
}
</style>
</head>
<body id="img">
<div>
<div style="text-align: center">
<h1>欢迎你的到来</h1>
<div class="box">
<form action="" method="post">
<input type="text" name="ID" placeholder="学号" class="log"><br>
<input type="text" name="name" placeholder=" 姓名" class="log"><br>
<input type="submit" value="登录" class="butt">
</form>
<div>
<a href="#">意见反馈</a>
</div>
</div>
</div>
</div>
</body>
</html>
css加了:hover出现字体乱位
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
zepcjsj0801 2019-07-30 21:34关注加hover的意义在于改变颜色或大小，一般不会改变位置，加hover的css里position，left，top去掉，做这一行要清楚大部分的属性是什么意思。
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2019-07-30 20:51回答 2 已采纳 加hover的意义在于改变颜色或大小，一般不会改变位置，加hover的css里position，left，top去掉，做这一行要清楚大部分的属性是什么意思。
- 2022-04-04 17:46回答 2 已采纳 用z-index给层级关系
- 2022-04-03 15:36回答 3 已采纳 把二维码这个标签写到你:hover的标签里面
- 2023-11-10 00:30还是大剑师兰特的博客 css实战中，时常会碰见鼠标放在某个区块上，显示出一段文字或者其他附加信息。思路是利用position的层叠关系，将文字层放在图片的上面，display:none;hover的时候层 display：block。
- 2022-05-20 12:46回答 7 已采纳 纯CSS可以实现，用div:hover ul:not(:active){ display:block;} <!doctype html> <html lang="en">
- 2022-08-29 17:08回答 2 已采纳 从字面上感觉两个最终操作的都一样，但从实际功能上只有div:hover::before能生效 div:hover::before // 这种才是生效的 div::before:hover
- 2022-03-12 16:50回答 2 已采纳 <div class="parent"> <div>第一个div<div> <div class="div2">第二个div<d
- 2022-10-17 10:55前端小云儿的博客 over鼠标放上去字体变大 transform: scale
- 2021-10-18 21:46回答 2 已采纳 改直接子节点才翻转，要不nth-of-type相对于在box div下的蓝色和朱色的div也是作用的，所以hover后第二个div中的紫色div也转了-180deg看不到了 改直接子节点才翻转后就
- 2022-10-30 16:24回答 4 已采纳 最后的原因是图片路径错了。
- 2016-11-23 08:32回答 2 已采纳 你的div又不是a的子元素，css选择器都错了，放a里面就行了 ``` Za姬芮新能真皙美白隔离霜 35g ￥62.00 最近
- 2022-09-13 11:26兔子拼命在奔跑~的博客 hover的使用方法
- 2022-05-05 15:02回答 4 已采纳 设置字体颜色为白色好一点，鼠标上移使用css hover操作元素
- 2023-10-08 20:46是阿花y的博客 想要设置盒子添加：hover属性时就显示边框的效果，但盒子里的内容会出现明显的抖动。由属性引起，当一个盒子使用了属性，不管你设置边框、内边距，都是计算在盒子的宽高内，所以由于：hover属性突然插入一个border就...
- 2022-09-02 13:49前端小云儿的博客 transform位移、缩放、旋转效果(hover、transition、trasform)
- 没有解决我的问题, 去提问
