如何给这张桌子一个边界半径？答案

【问题标题】：How to give this table a border-radius?如何给这张桌子一个边界半径？
【发布时间】：2017-03-11 15:41:58
【问题描述】：

如何给这个表格一个 5px 的边框半径？ css 在 php ajax 文件的代码中。

<table border=';
$form_questions_list.='2px align=';
$form_questions_list.='center>

我从未见过这样使用 CSS。你能告诉我如何调整这个吗？

这里是完整的功能代码：

// AJAX function to load updated survey question List
add_action('wp_ajax_nopriv_show_updated_question_list', 'show_updated_question_list');
add_action('wp_ajax_show_updated_question_list', 'show_updated_question_list');
function show_updated_question_list(){

global $wpdb;
$available_questions = $wpdb->get_results("SELECT question_ID, question_text FROM dm_form_questions");
$form_questions_list = '';

$form_questions_list.='<h1>Add your review questions here:</h1>
<table border=';
$form_questions_list.='2px align=';
$form_questions_list.='center>
<th style="background-color: #333; color: #FFF; font-size: 15px">Question Text</th>
<th style="background-color: #AFA; font-size: 15px">Edit</th>
<th style="background-color: #FAA; font-size: 15px">Delete</th>';
foreach ($available_questions as $key) {
    $form_questions_list.='<tr><td  style="text-align: left; width: 500px; padding: 0 5px;">'.$key->question_text.'</td><td><input type=';
    $form_questions_list.= 'button value=';
    $form_questions_list.='Edit id=';
    $form_questions_list.=$key->question_ID;
    $form_questions_list.=' onclick=';
    $form_questions_list.='edit_question_text(';
    $form_questions_list.=$key->question_ID;
    $form_questions_list.=') ></td>';
    $form_questions_list.='<td><input type=';
    $form_questions_list.= 'button value=';
    $form_questions_list.='Delete id=';
    $form_questions_list.=$key->question_ID;
    $form_questions_list.=' onclick=';
    $form_questions_list.='delete_question_text(';
    $form_questions_list.=$key->question_ID;
    $form_questions_list.=')></td>';
    $form_questions_list.='</tr>';
    }

    $form_questions_list.='</table>';
    echo $form_questions_list;
    die();

}

谢谢！

【问题讨论】：

我的建议是首先使用该表的 WP 页面的页面的检查元素并查看 css 关联的文件以及它们在哪个元素上呈现样式，因此您可以从那个。
我做到了。 CSS 与 ajax 文件中的代码一起使用。基本上，我想知道如何让这个边框有：border-radius: 5px;
您从未见过 CSS 以这种方式使用，因为这不是它的本意。 border 是 1990 年代后期的一个非常古老的属性，需要一个整数 (reference)。与align 类似的情况。这里没有任何东西与 CSS 相关（除了虚假的“px”后缀，这里是错误的）。

标签： php css ajax

【解决方案1】：

尝试在表格中添加id。

例如：

echo "<table id=\"info_table\" border=2>";

然后将此 CSS 代码添加到 HTML 文档的头部，或使用 CSS 文件在外部使用它。

代码：

<style type="text/css"> 
  #info_table {
    Code: whatever;
  }
</style>

这允许您使用 CSS 和 PHP 组合来设置表格样式。

如果这有帮助，请告诉我！

【讨论】：

我应该在php文件的哪里添加echo？我刚刚更新了我的帖子以显示完整的功能。
试着把它放在顶部？

【解决方案2】：

我没有看到这段代码中使用了任何 CSS。这只是表格元素属性：您所要做的就是为表格添加样式。

<table style='border-radius: 5px;' border=';
$form_questions_list.='2px align=';
$form_questions_list.='center>

【讨论】：

我试过了，但它立即停用了 WP 插件，并且不允许我重新激活它。