HTML中的对角线在8个不同的方向

时间:2014-07-05 23:05:07

标签: html css lines diagonal

通过JAVA程序,我在HTML中生成一个Word搜索拼图(使用table / tr / td选项)。

我正在尝试生成另一个表格,显示该难题的解决方案。例如,如此处所示。

http://www.puzzles.ca/wordsearch/kids_fourth_of_july_solution.html

是否可以生成这样的形状? (如果没有,我可以使用LINES来展示解决方案)。单词可以放在任何方向(水平,垂直,对角线)

有人可以抛出一些指针来实现HTML吗?

感谢

1 个答案:

答案 0 :(得分:0)

我认为这将完成这项工作

HTML

<div class="solutionline" style="width:Npx;transform:rotate(Ndeg)"></div>

CSS

.solutionline{

border-radius:5px;
height:15px;
background:transparent;
border:2px solid black;

}
祝你的项目好运