我正在尝试使用HTML / CSS格式化在OpenOffice Calc中创建的表。我遇到了一些问题,但是更大的问题之一是如何像本例一样在单元格内添加虚线指南?
像这样:
有两种方法可以解决虚线指南中的问题:
background
属性。<table cellpadding="0" cellspacing="0" border="1">
<tr>
<td width="50" height="50" align="center" background="http://www.htmliseasy.com/table_tutor/myback.gif">1</td>
<td width="50" height="50" align="center" background="http://www.htmliseasy.com/table_tutor/myback.gif">2</td>
<td width="50" height="50" align="center" background="http://www.htmliseasy.com/table_tutor/myback.gif">3</td>
</tr>
</table>
具有background
该单元格属性的JSFiddle :https://jsfiddle.net/qvoLLky9/2/
background
单元格的属性:<table cellpadding="0" cellspacing="0" border="1">
<tr>
<td width="50" height="50" align="center" class="guidelines">1</td>
<td width="50" height="50" align="center" class="guidelines">2</td>
<td width="50" height="50" align="center" class="guidelines">3</td>
</tr>
</table>
.guidelines{
background-image:url("http://www.htmliseasy.com/table_tutor/myback.gif");
}
具有CSSbackground-image
属性的JSFiddle :https : //jsfiddle.net/qvoLLky9/3/
注意:将我的图像(myback.gif)替换为您的图像(准则)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句