登录 主页

在rails里面给table表格加边框

2023-08-18 06:26PM

表格代码:

  <table>
       <tr>
         <td>评论时间:</td>
         <td>评论用户:</td>
         <td>评论文章:</td>
         <td>评论内容:</td>
       </tr>
      
       <% @comments.each do |comment| %>
         <tr>
           <td><%= comment.created_at.strftime("%Y-%m-%d %I:%M%p")  %></td>
           <td><%= comment.comment_user.try(:username) %></td>
           <td><%= link_to comment.article.title, "/articles/#{comment.article_id}" %></td>
           <td><%= comment.content %></td>
         </tr>
      <% end %>
   </table>

默认显示:

方法:属性方式

给表格加边框

<table border="1" cellspacing="0">

效果

方法:css方式(更推荐)

<style>

table,
td,
th {
  text-align: center;
  border: 1px solid #000;
  border-collapse: collapse;
}

table td {
  padding: 10px 30px;
}

</style>

效果:

 

 一种常用的表格样式:

  <table>
      <tr style='background-color: lightgray;'>
         <td>评论时间:</td>
         <td>评论用户:</td>
         <td>评论文章:</td>
         <td>评论内容:</td>
       </tr>

<style>

table {
  border-collapse: collapse;
}

table td,
table th {
  border: 1px black solid;
  padding: 10px 30px;
}

</style>

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论