首页
站长资源
网络推广
建站知识
免费源码
网络编程
模板素材
奇闻怪事
民俗文化
主页
/
网站建设
/
鼠标指向网页图片时图片周围显示虚线框
网站建设
2021-07-03 08:42
www.dzhlxh.cn
网站建设
图片边框变换CSS Hover状态效果，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>图片边框变换 CSS Hover状态效果</title> <style type="text/css"> <!-- h1 {text-align:center;margin-top:50px;} p#outer { margin:0 auto; width:286px; } #outer a { margin:0px; display:block; position: relative; border:1px solid #069; } #outer a:hover {border:1px dashed #c00;} #outer img {display:block;border:none;background:#EE9309;} --> </style> </head> <body> <h1>将鼠标移至图片，将看到此效果。</h1> <p id="outer"><a href="/"><img width=284 src="https://www.jb51.net/images/logo.gif" alt="www.jb51.net" /></a> </p> </body> </html>
提示：您可以先修改部分代码再运行
上一篇：
IE7和IE8的兼容性问题
下一篇：
网页头部css代码优化实例
网站设计
商城网站建设怎样建
免费制作自己的网站
企业网站建设的一般要素
如何搭建自己的网站
网站建设的主要工作流程
开发一个网站的过程是什么
如何创建一个自己的网站
网站栏目名称
时间同步服务器地址
移动端手机网站制作
百度k站：百度K站的原因
可外链网盘：支持外链的网盘有哪些
百度指数会员：如何利用百度指数会员
电信虚拟主机：电信虚拟主机的优势
穷站长：搜索引擎优化是提高网站流量的方法
常德网站建设公司：常德网站建设多少钱
金源码搜索
金源码导航
免费网站源码
商城网站建设怎样建
免费制作自己的网站
企业网站建设的一般要素
如何搭建自己的网站
网站建设的主要工作流程
网站模板下载
1
败笔网络安全技术
2
ai怎么调整画板顺序? ai设置画板顺序的教程
3
南宁企业建站
4
网络安全第五空间
5
网页设计制作详细流程
网站建设
如何选择建站企业?做网站请先看完这四点建议再
网上投票赚钱的一些技巧和需要注意的问题
Win10怎么打开doc文件？Win10打开doc文件的方法
AI自带的符号库怎么快速绘制小树?
Win10 Build 10240 SDK RTM正式版官方下载地址
