Rumah > hujung hadapan web > html tutorial > 这个表格样式是如何实现的?_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-21 09:40:31
asal
1575 orang telah melayarinya


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

回复讨论(解决方案)

这个字符吧:“|”

可以是字符“|”,
也可以用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的界面风格,看源代码吧,图片的可能性大点

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan