在很多网页中我们都看到当鼠标滑过一个内容时，这个内容的背景会改变颜色。设置鼠标滑过背景变色只需用到 :hover 即可设置成功。
语法: div:hover{background-color: red;}
发表日期： 2020-09-22 09:06:57 浏览次数：193
无锡市崇安区通江街道网页制作、无锡市崇安区广瑞路街道制作企业网站、无锡市崇安区上马墩街道高端网站建设、无锡市崇安区江海街道竞价托管公司、无锡市崇安区广益街道网站推广、无锡市南长区迎龙桥街道公众号开发
无锡，简称“锡”，古称新吴、梁溪、金匮，是江苏省地级市，国务院批复确定的中国长江三角洲的中心城市之一、重要的风景旅游城市 。截至2018年，全市下辖5个区、代管2个县级市，总面积4627.47平方千米，建成区面积552.13平方千米， 截至2019年末，无锡市常住人口659.15万人，其中城镇常住人口508.2万人，常住人口城镇化率77.10%。
无锡地处中国华东地区、江苏省南部、长江三角洲平原，是扬子江城市群重要组成部分，北倚长江、南滨太湖，被誉为“太湖明珠”，京杭大运河从无锡穿过；境内以平原为主，星散分布着低山、残丘；属北亚热带湿润季风气候区，四季分明，热量充足。
无锡是国家历史文化名城，自古就是鱼米之乡，素有布码头、钱码头、窑码头、丝都、米市之称。无锡是中国民族工业和乡镇工业的摇篮，是苏南模式的发祥地，也是联勤保障部队无锡联勤保障中心驻地 。无锡有鼋头渚、灵山大佛、无锡中视影视基地等景点。
在很多网页中我们都看到当鼠标滑过一个内容时，这个内容的背景会改变颜色。设置鼠标滑过背景变色只需用到 :hover 即可设置成功。
语法: div:hover{background-color: red;}
创建一个新的html文件。如图
在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg 。 如图：
代码：<div class="bg"></div>
在title标签后创建style标签用来给bg类添加样式。在这给bg类设置了一个宽、高和背景颜色。 如图
代码：
<style type="text/css">
.bg{
width: 150px;
height: 150px;
background-color: red;
}
</style>
设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图
代码：
.bg:hover{
background-color: burlywood;
}
实用浏览器打开。保存好html后使用浏览器打开，在鼠标没有滑过div时背景是红色的，当鼠标滑过div的时候背景从红色变为了棕色。、
所有代码，可把所有代码直接复制到新家的html文件上，保存好后用浏览器打开即可看到效果。如图：
所有代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠标滑过背景变色</title>
<style type="text/css">
.bg{
width: 150px;
height: 150px;
background-color: red;
}
.bg:hover{
background-color: burlywood;
}
</style>
</head>
<body>
<div class="bg"></div>
</body>
</html>
英伟达上周发布新款高性能显卡 RTX 3080 一上市就出现供不应求的局面，甚至遭到各方哄抢。当地时间周一英伟达公开道歉，称正在处理此事。但几乎所有美国大型零售商所售 RTX 3080 显卡在上架几分钟内就被抢购一空，而电商平台上的第三方卖家正在以高价兜售手中尚存的有限数量显卡。
据悉，RTX 3080 显卡起售价为 699 美元，而亚马逊平台上的第三方卖家甚至以每块显卡 5000 美元的高价兜售显卡，其中一些卖家还利用亚马逊内置的邮件通知系统告知对 RTX 3080 有兴趣的玩家。通常情况下，亚马逊用户可以对当前无货的产品设置到货提醒。但一些用户收到的电邮提醒显示有些卖家将 RTX 3080 显卡的价格设到了 2999 美元。
无锡市崇安区通江街道网页制作、无锡市崇安区广瑞路街道制作企业网站、无锡市崇安区上马墩街道高端网站建设、无锡市崇安区江海街道竞价托管公司、无锡市崇安区广益街道网站推广、无锡市南长区迎龙桥街道公众号开发
