首页 > web前端 > html教程 > 这个表格样式是如何实现的?_html/css_WEB-ITnose

这个表格样式是如何实现的?_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 09:40:31
原创
1572 人浏览过


这个表格的标题栏分割线是如何实现的?

回复讨论(解决方案)

这个字符吧:“|”

可以是字符“|”,
也可以用CSS属性中的border-left或border-right,
还可以用背景图片

你确认这是一个表格下来的吗,有可能是表格嵌套呢?如果嵌套表格做这么个样式还是很简单的。

可以是字符“|”,
也可以用CSS属性中的border-left或border-right,
还可以用背景图片

用字符是最简单的。

查看源代码不就可以了?

你确认这是一个表格下来的吗,有可能是表格嵌套呢?如果嵌套表格做这么个样式还是很简单的。

引用 2 楼 shn11160 的回复:可以是字符“|”,
也可以用CSS属性中的border-left或border-right,
还可以用背景图片

用字符是最简单的。

都可以。++

可以在td里面加图片 

这个表格样式是如何实现的?_html/css_WEB-ITnose岗位名称
再稍微调整一下img位置就可以做到

可以是字符“|”,
也可以用CSS属性中的border-left或border-right,
还可以用背景图片
求指点,新手入门,看到别人的表格图片甚是好看,故而问。
用字符难道中间敲很多空格么?

引用 2 楼 shn11160 的回复:
可以是字符“|”,
也可以用CSS属性中的border-left或border-right,
还可以用背景图片
求指点,新手入门,看到别人的表格图片甚是好看,故而问。
用字符难道中间敲很多空格么?
在html中有的时候敲在多空格都没效果,用@nbsp;要是觉得烦了,就用2楼说的css属性。

汗...符号打错了,是 

看着像easyui的界面风格,看源代码吧,图片的可能性大点

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板