css 测量价格计算器定价表样式

Posted 2021-05-13

<table class="wc-measurement-price-calculator-pricing-table">
	<thead>
		<tr>
			<th>Range (<span class="units">sq m</span>)</th>
			<th>Price (<span class="units">€/sq m</span>)</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>0 - 4.99 sq m</td>
			<td><span class="amount">€13.23</span> sq m</td>
		</tr>
		<tr>
			<td>5 - 12.49 sq m</td>
			<td><span class="amount">€12.31</span> sq m</td>
		</tr>
		<tr>
			<td>12.50+ sq m</td>
			<td><span class="amount">€11.50</span> sq m</td>
		</tr>
	</tbody>
</table>

.wc-measurement-price-calculator-pricing-table thead th {
	text-align: center;
}