html边框里面加上一条分割线

html边框里面加上一条分割线,第1张

<table width="69%" border="1" align="center" cellspacing="0">

<tr height="35" align="center">

<td width="18%">1</td>

<td width="18%">2 </td>

<td width="18%">3</td>

<td width="18%">4</td>

</tr>

</table>

表格间间距调整为0即可

这样可以不?

完全用表格制作而成,具体实现代码如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<table  align="center" cellspacing="0" cellpadding="0" >

<tr>

  <td width="120" height="100" style="border-top:noneborder-left:noneborder-right:1px solid blackborder-bottom:1px solid black">

      </td>

      <td width="580" height="100" style="border-top:noneborder-right:noneborder-bottom:1px solid blackline-height:24pxfont-family:'楷体'font-size:28px"align="center">

      如梦令

      </td>

  </tr>

  <tr>

  <td width="120" height="750" style="border-bottom:noneborder-left:noneborder-right:1px solid black"></td>

      <td width="580" height="750" style="border-bottom:noneborder-right:noneposition:relative" align="center">

      <p style="width:200pxheight:200pxposition:absolutetop:40pxleft:190pxline-height:24pxfont-family:'楷体'font-size:16px">昨夜雨疏风骤,<br/>浓睡不消残酒。<br/>试问卷帘人,<br/>却道海棠依旧。<br/>知否?知否?<br/>应是绿肥红瘦。</p>

      </td>

  </tr>

</table>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/7954818.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存