图片获得焦点

最新推荐文章于 2025-01-20 08:11:31 发布

lxl_sports

最新推荐文章于 2025-01-20 08:11:31 发布

阅读量536

点赞数

分类专栏： JavaScript 文章标签： border class google c#

本文链接：https://blog.youkuaiyun.com/lxl_sports/article/details/3529264

版权

JavaScript 专栏收录该内容

15 篇文章

订阅专栏

 
 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default10.aspx.cs" Inherits="Default10" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head> 
    <title>鼠标移到图片加边框</title> 
    <style type="text/css"> 
        .highlightit img{ 
            border: 10px solid #ccc; 
        } 
        .highlightit:hover img{ 
            border: 5px solid navy; 
        } 
        .highlightit:hover{ 
            color: red;
        } 
    </style> 
</head> 
<body> 
<a href="/" class="highlightit"><img alt="图" height="150px" width="150px" border="0px" src="22.jpg" />文本变红</a> 
<a href="/" class="highlightit"><img alt="google"  border="0px" height="150px" src="333.jpg" width="150px" /></a> 
</body> 
</html> 
 