table 添加竖直线

最新推荐文章于 2022-09-18 18:06:03 发布

afterrains

最新推荐文章于 2022-09-18 18:06:03 发布

阅读量3.5k

点赞数

分类专栏： html+css+div 文章标签： table html

本文链接：https://blog.csdn.net/happy_jijiawei/article/details/47659673

版权

本文展示了如何在HTML表格中通过CSS样式添加竖直边框，以实现表格列之间的清晰分隔，例如在邮箱设置的配置表格中，使用`border-right-style:solid`属性添加了右侧面的竖直线条。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>


<table width="425" height="300"  >
  <tr>
    <td width="79" rowspan="5" style="height:60px;border-color:#8E8E8E;border-right-style:solid;border-width:1px">邮箱设置</td>
    <td width="168">是否发送</td>
    <td width="36"> </td>
    <td width="122"> </td>
  </tr>
  <tr>
    <td>邮箱服务</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>发送方邮箱</td>
    <