在表格中添加对角线和虚线规则

菩提1

我正在尝试使用HTML / CSS格式化在OpenOffice Calc中创建的表我遇到了一些问题,但是更大的问题之一是如何像本例一样在单元格内添加虚线指南?

像这样:

在此处输入图片说明

lop

有两种方法可以解决虚线指南中的问题:


方法1:使用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/


方法2:使用CSS代替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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

通过文字添加对角线

来自分类Dev

NASM:在表格中添加主要对角线的编号

来自分类Dev

在div元素的底部/顶部添加对角线边框?

来自分类Dev

在2D数组上添加对角线

来自分类Dev

如何使对角线和反向对角线与2D矩阵中的点交叉?

来自分类Dev

在MATLAB中创建对角线和左对角线均为1的矩阵

来自分类Dev

在MATLAB中创建对角线和左对角线均为1的矩阵

来自分类Dev

numpy:重写外部乘积并以矢量形式添加对角线

来自分类Dev

如何在PRROC的ROC曲线图上添加对角线?

来自分类Dev

CSS中的对角线

来自分类Dev

在 Android 中只绘制水平、垂直和对角线

来自分类Dev

如何在r中给定对角线和非对角线元素的情况下填充矩阵?

来自分类Dev

数组的numpy和反对角线

来自分类Dev

求数组对角线和的错误

来自分类Dev

在HTML中显示对角线分数

来自分类Dev

矩阵中的对角线-Python

来自分类Dev

在多索引中访问对角线

来自分类Dev

从列表中找出方阵的对角线

来自分类Dev

如何用对角线和对角线文本绘制HTML表?

来自分类Dev

主对角线和反对角线的C矩阵元素相同

来自分类Dev

在Matlab中使用重复块创建块对角线和对角线

来自分类Dev

如何用对角线和对角线文本绘制HTML表?

来自分类Dev

视线对角线

来自分类Dev

映射对角线

来自分类Dev

如何在对角线的每一项中添加一个[Matlab]

来自分类Dev

如何在Python 3.3.5中添加矩阵的对角线

来自分类Dev

使用向量值将新行添加到R中的矩阵对角线

来自分类Dev

如何填充对角线并忽略R中矩阵的对角线?

来自分类Dev

画布中对角线到角线的渐变