-2
我根本不称自己为程序员,但我知道一些基本的CSS。但是,在创建类似于此网站的表格时遇到问题:https://www.slotsia.com。如何用CSS实现这一点?
我希望实现的是将行编号与该角图形一起放置在最左边。我相信这一切都是用css完成的,编号可能是自动的。
我使用wordpress和插件tablepress来创建表。
我曾尝试把下面的代码中实现的编号CSS的,即使它开始错的0而不是1
.tablepress-id-4 {
counter-reset: rowNumber;
}
.tablepress-id-4 tr:not(:first-child) {
counter-increment: rowNumber;
}
.tablepress-id-4 tr td:first-child::before {
content: counter(rowNumber);
min-width: 1em;
margin-right: .5em;
}
此外,较大的文本看起来并不像普通字体?我在想这是字体真棒或谷歌字体什么的?如何使用它?
谢谢
SO不是代码写入服务。请回顾[问]并提供您尝试过的关于您遇到麻烦的地方的特定问题的[mcve]。 [目前似乎没有投入足够的研究工作](https://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow -Users)。 – zzzzBov
好的,对不起。我对此很陌生。 我使用wordpress和插件tablepress来创建表。我确实尝试将下面的代码放在实现了编号的css中,即使它以0而不是1开头。 .tablepress-id-4 { \t counter-reset:rowNumber; } .tablepress-id-4 tr:not(:first-child){ \t counter-increment:rowNumber; } .tablepress-id-4 tr td:first-child :: before { \t content:counter(rowNumber); \t min-width:1em; \t margin-right:.5em; } – danniee
请使用编辑按钮,而不是尝试通过评论发布重要信息。也就是说,如果你检查了你链接的页面的来源,你会得到你如何实现的答案。 – zzzzBov