如何为我的表格获取圆形单元格答案

【问题标题】：how to get rounded cells for my table如何为我的表格获取圆形单元格
【发布时间】：2016-02-05 09:44:57
【问题描述】：

我正在尝试为我的表格获取圆形单元格，但我无法执行 css，因为边框半径在我的代码中不起作用，即桌子 { 边框间距：10px；边框折叠：单独；
}

 <tr>
<td style=\"border:1px solid black; background-color:#FE0000; color:white;  text-align:center;\"><b>xxxxxxxxxxx</b></td>
<td style=\"border:1px solid black; background-color:#F69546; color:white; text-align:center;\"><b>xxxxxxxxxxx</b></td>
<td style=\"border:1px solid black; background-color:#92D14F; color:white; text-align:center;\"><b>xxxxxxxxx</b></td>

这里我使用的是 tcpdf 和 html

【问题讨论】：

style=\"...." 不应该有反斜杠并且你有一个结束标签 </b> 没有打开一个。
但我需要保持强烈反对，因为我正在编写这个html来生成pdf......!!!
这个PHP 有什么关系？
我正在使用 TCPDF 并在 $html ="html code here";
那么你应该把$html ="html code here"改成$html ='html code here'然后去掉blackslash的

标签： html css tcpdf

【解决方案1】：

给 td 的子元素border-radius。

td b{
  border: solid 1px #ccc;
  border-radius: 50%;
  display:block;
  padding: 10px;
  width:100px;
  height:100px;
}

<table>
  <tr>
<tr>
<td style=\"border:1px solid black; background-color:#FE0000; color:white;  text-align:center;\"><b>xxxxxxxxxxx</b></td>
<td style=\"border:1px solid black; background-color:#F69546; color:white; text-align:center;\"><b>xxxxxxxxxxx</b></td>
<td style=\"border:1px solid black; background-color:#92D14F; color:white; text-align:center;\"><b>xxxxxxxxx</b></td>
  </tr>
  </table>

【讨论】：

这段代码在 palin html 中工作，但在 TCPDF 转换中不能特别工作，边框半径它只显示矩形框。
这个html代码是从你的问题中复制过来的，那为什么？给元素一个宽度和高度，并给出边界半径，那么它将是圆角元素。答案已更新，请检查。

【解决方案2】：

您应该使用php 单引号' ' 和html，并在attributes 上使用双引号" "

请参阅：LINK (SO Question)

更新：添加了table 开始和结束标记以及tr 结束标记

将$html 更改为

$html ="
<table>
      <tr>
         <td style=\"border:1px solid black; background-color:#FE0000; color:white;  text-align:center;\"><b>xxxxxxxxxxx</b></td>
         <td style=\"border:1px solid black; background-color:#F69546; color:white; text-align:center;\"><b>xxxxxxxxxxx</b></td>
         <td style=\"border:1px solid black; background-color:#92D14F; color:white; text-align:center;\"><b>xxxxxxxxx</b></td>
     </tr>
</table>
";

到

$html ='
<table>
      <tr>
         <td style="border:1px solid black; background-color:#FE0000; color:white;  text-align:center;"><b>xxxxxxxxxxx</b></td>
         <td style="border:1px solid black; background-color:#F69546; color:white; text-align:center;"><b>xxxxxxxxxxx</b></td>
         <td style="border:1px solid black; background-color:#92D14F; color:white; text-align:center;"><b>xxxxxxxxx</b></td>
     </tr>
</table>
';

如果还没有包含，也可以尝试使用它来回显 css。

$html = "table { border-spacing: 10px; border-collapse: seperate; }";

或

$html = "td b { border-spacing: 10px; border-collapse: seperate; }";

【讨论】：

我也试过这个 html 运行成功，但我无法让边界半径功能工作！！！
ya css 已经包含在我的代码
@sivasanker 那么你应该尝试更新的表格 html。
对不起，我没有完全理解你的评论
试试这个：$html ='
xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxx
';还有这个：$html =“td b {边框间距：10px；边框折叠：分开；}”；

【解决方案3】：

TCPPDF 的 CSS 支持非常有限。它不支持所有属性。

目前，仅支持以下 CSS 属性：

字体系列字体大小字体粗细字体样式颜色背景颜色文字装饰宽度高度文本对齐

【讨论】：