如何去掉添加链接后图片的边框

如何去掉添加链接后图片的边框:

IE浏览器中,默认状态下,如果给图片添加链接图片会产生边框。只要为图片的CSS代码添加border:0px即可。

代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<style type="text/css">
.mytest{
  width:300px;
  height:300px;
  border:1px solid red;
  text-align:center
}
img{
  width:200px;
  height:200px;
  border:0px;
}
</style>
</head>
<body>
<div class="mytest"><a href="#"><img src="Images/004.jpg" /></a></div>
</body>
</html>

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0519/1898.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4706

时间: 2024-10-10 14:10:38

如何去掉添加链接后图片的边框的相关文章

在IE7下带链接的图片去除边框问题

在昨天完成的一个项目中,出现了这么一个问题:解决后记录下来,唯恐忘记. 在测试兼容性的时候,发现带链接的图片在IE7下显示有蓝色的边框.后来才知道有以下的解决方案: 在那张图片的html代码中加上"border: 0;"或"border: none;"; [border:0;]把border设为"0"像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值.

制作由下向上的滚动字幕,字幕内容要求包含网站超级链接和图片超级链接, 使用鼠标移动事件控制字幕运动和停止。 2、在下拉列表框中设置五种以上颜色,选择颜色后, 滚动字幕背景色改变成相应颜色

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <!--        时间:2016-12-28        描述:1.制作由下向上的滚动字幕,字幕内容要求包含网站超级链接和图片超级链接,                   使用鼠标移动事件控制

PHP 给图片加边框

/** * 给图片加边框 by liangjian 2014-06-19 * @param $ImgUrl 图片地址 * @param $SavePath 新图片保存路径 * @param $px 边框像素 * @return Ambigous <boolean, 新图片的路径> */ function ImageAddBoard($ImgUrl, $SavePath, $px = 2) { $aPathInfo = pathinfo ( $ImgUrl ); // 文件名 $sFileNam

HTML5移动开发之路(11)——链接,图片,表格,框架

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(11)--链接,图片,表格,框架 一.HTML是什么? HTML(hypertext mark-uplanguage)是 超文本标记语言, 主要的用处是做网页, 可以在网页上显示 文字.图像.视频.声音- HTML只能做静态网页 二.HTML发展历史 html之父-Tim Berners-Lee蒂姆·伯纳斯-李(Tim Berners-Lee)1955年6月8日出生于英国伦敦 关于详细请看:http://b

CSS3动画:流彩文字效果+图片模糊效果+边框伸展效果实现

前言 首先第一步,先布局html代码如下: <div class="wrap"> <img src="images/1.jpg" class="blur"/> <div class="text-gradient ">天赐神功</div> <div class="border"></div> </div> 上面一看第一个图片i

PHP批量过滤MYSQL数据库内站外链接和图片

因发现站内很多引用站外文章的链接失效,产生大量的死链接,对于搜索引擎来说是极不友好的,很不利于网站优化,所以站内添加了站外链接过滤功能,对于新加的文章,在添加入库时就自动增加rel="nofollow"标签,见文章<增加对站点内容外部链接的过滤>.因考虑如果是在前台调用数据时过滤的话,对网页打开速度,服务器能耗都增加许多,所以就采用的是入库时添加. 那么,原来已有的数据怎么办?现在需要对原来的数据也进行此操作,如果是在后台一条条编辑来实现,即使只需要点一下,工程量也是很大的

jQuery - 点击图片加边框

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>为图片添加边框</title> <script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script> <scrip

图片与边框有间隙的解决办法

在figure或a中插入图片后,图片与边框产生间隙. 一.产生的原因:当初设立标准的不是亚洲而是欧洲,inline元素为了正确显示英文字母如y j g等带有尾巴的,就在底下留空.二.解决办法: 办法1.在figure或者a中设置:font-size:0: 办法2.在图片img中设置:vertical-align:middle:

如何在报表管理平台添加链接或上报标签?

添加链接 1. 描述 在FineReport产品演示里面不单单显示报表,可把其他链接中的地址放到演示中,一起进行访问. 2. 添加链接 选中FRtest目录,点击添加链接按钮,弹出添加链接对话框,名称输入百度,链接路径输入http://www.baidu.com,如下图: 注:链接具体路径必须把http://加上才可访问. 确定后,在目录下就会生成一条关于链接的记录,如下链接地址,操作二个选项可编辑.删除: 3. 效果查看 点击页面上面的FRTest图标,左侧目录树中多显示了一个刚刚添加的百度节