HTML点击变色怎么写

1.html点击哪个链接,哪个变色怎么实现通过CSS的a标签的伪类控制,代码如下锚伪类
在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态 。
a:link {color: #FF0000}/* 未访问的链接 */
a:visited {color: #00FF00}/* 已访问的链接 */
a:hover {color: #FF00FF}/* 鼠标移动到链接上 */
a:active {color: #0000FF}/* 选定的链接 */
请注意输入顺序,伪类的顺序严格按照以上来写才会效果
2.html 点击连接后变色一、创建一个新的HTML文件 。
二、在HTML文件中找到body标记,在标记中创建一个div标记,并将类设置为BG 。三、在title标记之后创建一个样式标记,以将样式添加到BG类 。
为BG类设置宽度、高度和背景色 。四、将背景颜色设置为在鼠标移动到Div上时更改 。
添加鼠标悬停:将鼠标悬停到BG样式类,然后在鼠标悬停时设置背景颜色 。五、实用程序浏览器打开 。
保存HTML并用浏览器打开它 。当鼠标不在Div上移动时,背景是红色的 。
当鼠标在Div上移动时,背景从红色变为棕色 。六、所有代码都可以直接复制到新主页的HTML文件中 。
保存后,可以使用浏览器打开它以查看效果 。
3.css点击时背景变色,变蓝色怎样写.bbs{
clear:both;
line-height:1.4em;
font-size:15px;
overflow:hidden;
line-height:30px;
border:1px solid:#fff;
}
.bbs a{
width:100%;
background:#FFFAFA no-repeat 100% 80%;
font:16px/32px;
border-bottom:solid 1px #B0E0E6;
float:left;
【HTML点击变色怎么写】padding-left:0%;
float:left;
font-size:15px;
font-weight:normal;
padding:3px;}
先不说变不变色先吧,,你的CSS就一大堆问题 。
点击,用a:active就可以了 。
4.HTML中表格如何在点击后变色<body>
<style type="text/css">
<!--
#table1{
cursor:hand;
}
#table1 .curr {
color: #00FF00;
}
#table1 .call {
color: #FFFFFF;
background-color: #00FF00;
}
-->
</style>
<table width="1000" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td class="curr" onclick="change(this)" onm ousemove="mouseover(this)" onm ouseout="mouseout(this)"></td>
<td class="call" onclick="change(this)" onm ousemove="mouseover(this)" onm ouseout="mouseout(this)"></td>
<td class="call" onclick="change(this)" onm ousemove="mouseover(this)" onm ouseout="mouseout(this)"></td>
<td class="call" onclick="change(this)" onm ousemove="mouseover(this)" onm ouseout="mouseout(this)"></td>
<td class="call" onclick="change(this)" onm ousemove="mouseover(this)" onm ouseout="mouseout(this)"></td>
</tr>
</table>
<script>
function change(obj){
var checkItems=document.getElementById("table1");
for(var i=0;i<checkItems.cells.length;i++){
checkItems.cells[i].className = "call";
}
obj.className="curr";
window.open(obj.innerHTML);
}
function mouseover(obj){
obj.style.color='#FAC205';
}
function mouseout(obj){
obj.style.color="";
}
</script>
</body>
5.被点击后向标签一样变色是怎么做的如果是超链接的话点击后会默认自动变色,如果要指定变为什么颜色一般是通过CSS样式表中的伪类实现,OVER 。
你说的点哪项是指鼠标放上去的时候吧?