[Resolved]Table missing border

Hi, I use Markdown to create table:

OOLONG TEA | BLACK TEA | YUNNAN PUER
--------------------|------------------|-----------------------
#7276 Huang Jin Gui | #5176 Golden Buddha | #8275 Yiwu Puerh

Then use css file as below, and put these rules in the bottom of css file.

<style type="text/css">
table {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
</style>

But still there is no border show up.
I use Hugo 0.54

You’re most likely right in thinking this is a CSS problem, and so not really a hugo problem. However, if you want help, you’ll need yo give us more info - either the full source (HTML, CSS) of the page that’s created, or your git repository, or the published site.

One thing is, do not put <style> tags in your css file. Those are needed if you are putting css inline in html, but not inside a css file.

Thank you, the published site is here.
Just found it works when it’s published, but doesn’t work in development with command hugo server -D

And thanks for the hint @RickCogley, it does help.

It should. Check the path of your css file by viewing source in either case.