[英]How to use solid border css style
As Elastic watches don't allow <style>
, I need to use <th style=\\"...\\">
format. 由于Elastic手表不允许<style>
,所以我需要使用<th style=\\"...\\">
格式。 But somehow I can't get my solid borders to work properly. 但是以某种方式,我无法让自己的边界正常工作。
<html>
<body>
<table style=\"font-family:'TrebuchetMS',Arial,Helvetica,sans-serif;background-color:#D8E5E8;border-collapse:collapse;width:100%;max-width:700px;min-width:100px;text-align:center;border:2px solid #ddd;\">
<tr>
<th style=\"font-size:12pt;background-color:#1A94BD;color:white;height:20px;padding:2px;vertical-align:middle;border:2pxsolid#ddd;\">Timestamp</th>
<th style=\"font-size:12pt;background-color:#1A94BD;color:white;height:20px;padding:2px;vertical-align:middle;border:2pxsolid#ddd;\">User</th>
<th style=\"font-size:12pt;background-color:#1A94BD;color:white;height:20px;padding:2px;vertical-align:middle;border:2pxsolid#ddd;\">Event Type</th>
<th style=\"font-size:12pt;background-color:#1A94BD;color:white;height:20px;padding:2px;vertical-align:middle;border:2pxsolid#ddd;\">Node Name</th>
<th style=\"font-size:12pt;background-color:#1A94BD;color:white;height:20px;padding:2px;vertical-align:middle;border:2pxsolid#ddd;\">Uri</th>
</tr>
{{#ctx.payload.list}}
<tr>
<td style=\"font-size:10pt;height:20px;padding:2px;vertical-align:middle;border:2px solid #ddd;\">{{be_time}}</td>
<td style=\"font-size:10pt;height:20px;padding:2px;vertical-align:middle;border:2px solid #ddd;\">{{user}}</td>
<td style=\"font-size:10pt;height:20px;padding:2px;vertical-align:middle;border:2px solid #ddd;\">{{event_type}}</td>
<td style=\"font-size:10pt;height:20px;padding:2px;vertical-align:middle;border:2px solid #ddd;\">{{node_name}}</td>
<td style=\"font-size:10pt;height:20px;padding:2px;vertical-align:middle;border:2px solid #ddd;\">{{uri}}</td>
</tr>
{{/ctx.payload.list}}
</table>
</body>
</html>
How do I need to format 'border:2px solid #ddd;'
我该如何格式化'border:2px solid #ddd;'
so I can get a nice border. 这样我可以得到一个漂亮的边框。 When I use <style>
I can get it working like I want it: 当我使用<style>
它可以像我想要的那样工作:
<style>table{font-family:'TrebuchetMS',Arial,Helvetica,sans-serif;background-color:#D8E5E8;border-collapse:collapse;width:100%;max-width:700px;min-width:100px;text-align:center;}table,th,td{border:2px solid #ddd;}th,td{height:20px;padding:2px;vertical-align:middle;}td{font-size:10pt;}th{font-size:12pt;background-color:#1A94BD;color:white;}</style>
But whatever I try in style=\\"..
: 'border:2px solid #ddd;'
但是,无论我在style=\\"..
尝试什么style=\\"..
: 'border:2px solid #ddd;'
'border:2pxsolid#ddd;'
No border is appearing 没有边框出现
If you have trouble with the shorthand version of border you can split it: 如果您对border的速记版本有疑问,可以将其拆分:
So border:2px solid #ddd;
所以border:2px solid #ddd;
become border-style:solid;border-color:#ddd;border-width:2px
变为border-style:solid;border-color:#ddd;border-width:2px
https://developer.mozilla.org/en-US/docs/Web/CSS/border https://developer.mozilla.org/zh-CN/docs/Web/CSS/border
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.