如何用html和css做这个鼠标悬停背景和字同时变色，不用id，急急急！
要求这个不用id=""的做法，加链接那种，鼠标悬停在方块内字和快内背景同时变色，注意————————就像底下这个图片一样，是整个块内的背景，不是只有数字下面占的一小块变色。
利用 :hover 伪类即可。
示例：
<style>.menu {
display: block;
}
.menu .item {
display: inline-block;
margin: 6px;
padding: 6px 9px;
border: 1px solid #ccc;
border-radius: 3px;
line-height: 1.5em;
}
.menu .item:hover {
background-color: blue;
border: 1px solid blue;
color: #fff;
}
</style>
<div class="menu">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
</div>本回答被提问者采纳
用a标签+hover, 例如html如下
<div class="page-container"><a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
</div>
样式:
.page-container a{display: inline-block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
margin-right:5px;
font-size:14px;
background-color: #cccccc;
border-radius:3px;
color:#333333;
text-decoration: none;
}
.page-container a:hover{
background-color:#18adda;
color:#ffffff;
}
a {
float:left;
width:30px;
height:30px;
line-height:30px;
text-align:center;
margin:2px;
color:#888;
background-color:#fff;
border:1px solid #88f;
border-radius:3px;
text-decoration:none
}
a:hover {
color:#fff;
background-color:#88f
}
</style>
<a href="#网址自己搞定">1</a>
<a href="#网址自己搞定">2</a>
<a href="#网址自己搞定">3</a>
<a href="#网址自己搞定">4</a>
<a href="#网址自己搞定">5</a>
<a href="#网址自己搞定">6</a>
<a href="#网址自己搞定">7</a>
如何用html和css做这个鼠标悬停背景和字同时变色,不用id,急急急!
利用 :hover 伪类即可。示例：<style> .menu { display: block; } .menu .item { display: inline-block; margin: 6px; padding: 6px 9px; border: 1px solid #ccc; border-radius: 3px; line-height: 1.5em; } .menu .item:hover { backgroun...
用HTML怎么设置:当鼠标放在字上面的时候,字体就变色
首先，你需要将想变色的文字包含在HTML的一个元素中，比如标签。这一步可以通过在部分创建一个标签，并在其中输入你的文字来实现。然后，为这个标签添加CSS样式，特别是hover伪类。当鼠标悬停在标签上时，这个伪类会触发你预设的样式改变。例如，你可以设置当鼠标悬停时，文字颜色变为红色，字体大小调整为6...
如何让鼠标悬停时文字自动变颜色
1、新建html文件，在body标签中添加一个div标签，div标签里面嵌套一个p标签，然后添加p标签内容，这里以“演示文本”为例：2、在head标签中添加style标签，然后在style标签中给p标签设置预先显示样式，预先是先不显示的，所以给p标签设置的属性代码是“p {display: none; }”；再给div设置宽和高，这里...
用HTML怎么设置:当鼠标放在字上面的时候,字体就变色
可以将所要变色的文字放进一个标签里，比如<p>标签，让后对这个标签添加一个hover属性，即当鼠标停留在这个标签上时会触发设定好的效果。以下演示具体步骤。1、打开一个HTML文件，添加好基本标签并在body标签里添加p标签，并在p标签里添加所要变色的文字。2、接下来对p标签添加css样式，并添加hover属性...
html如何实现鼠标悬停显示文字,鼠标移走文字消失。
要实现鼠标悬停时显示文字，鼠标移开则消失的效果，可以使用HTML和CSS的结合。下面是具体步骤：首先，创建一个新的HTML文件，确保在``标签内，嵌套一个``元素，里面包含一个``标签，例如，写入“演示文本”。接下来，在``部分添加一个``标签，为后续样式设置做准备。初始时，你需要让``标签隐藏，所以...
...用css实现鼠标移入时与鼠标移出时颜色相同,不使用js,,,急用,谢谢...
1、新建一个html文件，命名为test.html。2、在test.html文件中，使用div标签创建一个模块，并设置其id属性为tid，下面将通过该id设置其css样式。3、在css标签内，对div进行样式设置，使用width属性设置div的宽度为200px，使用height属性设置div的宽度为20px，使用background属性设置div的背景颜色为红色。...
如何用html使“当鼠标移到某断字上时改变字的大小和颜色”?
首先需要找到这段字所在的标签，(如<p>标签)之后设置当鼠标悬浮在该标签上时的样式,在css样式表中声明选择器 标签:hover(如p:hover)x:hover为伪类样式，hover表示鼠标悬浮在这一标签上时最后在{}中添加设置字体大小、颜色的代码(如 color:red;)超文本标记语言（标准通用标记语言下的一个应用，外语...
css里鼠标悬停变色怎么弄
1、首先新建一个html文件，命名为test.html，在test.html文件内，使用table标签创建一个表格，用于测试。2、在test.html文件内，设置table标签的class属性为mytable，同时设置边框为1px。3、接着在css标签内，通过class设置表格的样式，定义它的宽度为300px,高度为200px。4、在css标签内，通过td元素名称...
在CSS中如何实现鼠标移上去后,字体变颜色?
1、首先，打开HTML编辑器并创建一个新的HTML文件，比如index.html。2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0} button:hover {background-color: #ff7701}。3、当浏览器运行索引index.html页面中，出现蓝色背景颜色的按钮。4、将鼠标移到按钮上，按钮的...
如何设置鼠标滑过文字时文字背景改变?
在很多网页中我们都看到当鼠标滑过一个内容时，这个内容的背景会改变颜色。设置鼠标滑过背景变色只需用到 :hover 即可设置成功。语法: div:hover{background-color: red;} 创建一个新的html文件。如图 在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg 。 如图： 代码...
