Heim > Web-Frontend > HTML-Tutorial > 这个表格样式是如何实现的?_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-21 09:40:31
Original
1602 Leute haben es durchsucht


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

回复讨论(解决方案)

这个字符吧:“|”

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage