如何为每一行设置css边框？

Question

如何关闭边框标记？我的意思是每条线都有一个单独的边框。现在当我双击提交时，我得到两个结果在同一个边框

    if (data.status.match("Active")) {
      $(".aprovadas").css("border", "2px solid lightblue");
      $(".aprovadas").css("color", "black");
      $(".aprovadas").css("<br><br>");
      $(".aprovadas").append("Username:" + data.username + "\npassword:" +
        data.password + "\nstatus:" + data.status);
      $(".aprovadas").css("</div>");
    }
  }
});

Answer 1

只需要将每一行包装成div并为此设置css规则。

$(".aprovadas").append("<div style='border-bottom:2px solid lightblue'>Username:" + data.username + "\npassword:" + data.password + "\nstatus:" + data.status + "</div>");