html中怎样去掉表格两边的外边框

html中怎样去掉表格两边的外边框,第1张

这位网友你好,可以给这个table加一个class,设置左右边框为0就可以了,或者直接用外边的div的class限制一下。

举例:

father table{ border-left:none;border-right:none; }

 这位网友你好,可以给这个table加一个class,设置左右边框为0就可以了,或者直接用外边的div的class限制一下。
举例:
father table{ border-left:none;border-right:none; }

去掉html中点击map里area的边框与去掉点击链接时出现的虚线框类似,本文举例来说明去掉点击map里area的边框的两种方法,分享给大家,希望能给您带来帮助。

1<html>
2<body>
3<img src="picjpg" width="134" height="115" border="0" usemap="#Map" hidefocus="true" />
4<map name="Map" id="Map">
5<area shape="poly" coords="44,44,61,40,77,45,95,55,105,66,57,76,16,62,32,58,27,55,40,50" href="link_tohtml"  />
6</map>
7</body>
8</html>

1、第一种方法是:在<img> 标签中加入 hidefocus="true"

Html代码

<img src="picjpg" width="134" height="115" border="0" usemap="#Map" hidefocus="true" />
<img src="picjpg" width="134" height="115" border="0" usemap="#Map" hidefocus="true" />

2、第二种方法是:在需要去掉边框的<area> 标签中加入 onfocus="blur(this);" (如果area区域较多,则每个都要加,那就显得有些麻烦了,可以用第一种方法)

Html代码

<area shape="poly" coords="44,44,61,40,77,45,95,55,105,66,57,76,16,62,32,58,27,55,40,50" href="link_tohtml" onfocus="blur(this);" />
<area shape="poly" coords="44,44,61,40,77,45,95,55,105,66,57,76,16,62,32,58,27,55,40,50" href="link_tohtml" onfocus="blur(this);" />

首先明确这个边框是不是img的边框,如果是,则img{border:none}即可。
如果这个边框是外层div设置的边框,则需要将外层div{border:none}即可。
查看的宽度跟高度大小,把外层的div或者li的宽度 跟高度设置成的宽跟高!

如下图所示:

超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准, 它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,如何显示等)。

★第一种方法是:在<img> 标签中加入 hidefocus="true"
<img src="picjpg" width="134" height="115" border="0" usemap="#Map" hidefocus="true" />

★第二种方法是:在需要去掉边框的<area> 标签中加入 onfocus="blur(this);" (如果area区域较多,则每个都要加,那就显得有些麻烦了,可以用第一种方法)
<area shape="poly" coords="44,44,61,40,77,45,95,55,105,66,57,76,16,62,32,58,27,55,40,50" href="link_tohtml" onfocus="blur(this);" />


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13129718.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-06-07
下一篇 2023-06-07

发表评论

登录后才能评论

评论列表(0条)

保存