html网页设计表格,如何通过css让表格只有外边框,而没有内边框?或者只有内边框,而没有外边框?

html网页设计表格,如何通过css让表格只有外边框,而没有内边框?或者只有内边框,而没有外边框?,第1张

table{\x0d\x0aborder:1px solid #000/*黑色1像素粗边框*/\x0d\x0a}\x0d\x0atd{\x0d\x0aborder:none/*这个是单元格,不给他要边框*/\x0d\x0a}\x0d\x0a以上是全局的,用了以后所有的表格都是这个样式。\x0d\x0a如果你要给特定的表格加入这个样式:\x0d\x0a1 给那个表格加上class='classname' (classname是你自己起的样式名)\x0d\x0a2 然后在CSS里加上\x0d\x0a.classname{\x0d\x0aborder:1px solid #000/*黑色1像素粗边框*/\x0d\x0a}\x0d\x0a.classname td{\x0d\x0aborder:none/*这个是单元格,不给他要边框*/\x0d\x0a}\x0d\x0a\x0d\x0a只有内边框没有外边框的话,我就只会用赖皮的方法:给table外面套一个overflow:hidden的div,宽度和高度比table小2px,给table加上margin-left:-1pxmargin-right:-1px这样把他的表格边框遮住。。

<div style="border: 1px solid #DDD"></div>

div是你想要的元素,1px是宽度,solid是样式

全部样式有:

none    定义无边框。  

hidden    与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。  

dotted    定义点状边框。在大多数浏览器中呈现为实线。  

dashed    定义虚线。在大多数浏览器中呈现为实线。  

solid    定义实线。  

double    定义双线。双线的宽度等于 border-width 的值。  

groove    定义 3D 凹槽边框。其效果取决于 border-color 的值。  

ridge    定义 3D 垄状边框。其效果取决于 border-color 的值。  

inset    定义 3D inset 边框。其效果取决于 border-color 的值。  

outset    定义 3D outset 边框。其效果取决于 border-color 的值。  

inherit    规定应该从父元素继承边框样式。  

#DDD是颜色,可以是十六进制(#XXX或#XXXXXX)或rgb函数 rgb(红,绿,蓝)

相关网页:CSS边框


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

原文地址: http://outofmemory.cn/zaji/7670730.html

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

发表评论

登录后才能评论

评论列表(0条)

保存