CSS制作三线表

最新推荐文章于 2022-07-28 21:24:11 发布
最新推荐文章于 2022-07-28 21:24:11 发布
阅读量1.4k 收藏 2
点赞数 1
文章标签： css class border xhtml table html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cuijc_04/article/details/6499981
版权

<!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=gb2312" />
<title>无标题文档</title>

<style>

table {
border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */
border:solid #000000; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
border-width:2px 0 2px 0px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}
.left-1{
    border:solid #000000;border-width:1px 1px 2px 0px;padding:2px;
    font-weight:bolder;
}
.right-1{
    border:solid #000000;border-width:1px 0px 2px 1px;padding:2px;
    font-weight:bolder;
}
.mid-1{
    border:solid #000000;border-width:1px 1px 2px 1px;padding:2px;
    font-weight:bolder;
}
.left{
    border:solid #000000;border-width:1px 1px 1px 0px;padding:2px;
}
.right{
    border:solid #000000;border-width:1px 0px 1px 1px;padding:2px;
}
.mid{
    border:solid #000000;border-width:1px 1px 1px 1px;padding:2px;
}
table caption {font-size:14px;font-weight:bolder;}
</style>
</head>

<body>
<table width="800" border="0">
  <tr>
    <td class="left-1">sdafdaf</td>
    <td class="mid-1">dsfafdsa</td>
    <td class="mid-1">dsfafdsa</td>
    <td class="right-1">dsfafdsa</td>
  </tr>
  <tr>
    <td class="left">dsaff</td>
    <td class="mid">dsfaaf</td>
    <td class="mid">dsfaaf</td>
    <td class="right">dsfa</td>
  </tr>
  <tr>
    <td class="left">dfsa</td>
    <td class="mid">fdsaf</td>
    <td class="mid">fdsaf</td>
    <td class="right">dfsa</td>
  </tr>
  <tr>
    <td class="left">dfsa</td>
    <td class="mid">fdsaf</td>
    <td class="mid">fdsaf</td>
    <td class="right">dfsa</td>
  </tr>
</table>
</body>
</html>
 

cuijc_04
关注
用HTML绘制三线表,R语言-临床三线表
weixin_33848693的博客
06-30 1544
自动生成临床三线表按照流行病学和相关领域的标准做法是，期刊文章的第一张表格，我们通常称为“表1”，是一份表，列出按暴露程度分层的研究人群基线特征的描述性统计数据。这个包使得使用R生成这样一个表相当简单。输出格式是html(它的优点是很容易复制到Word文档中；Chrome浏览器工作得很好)。实际上这个包还能够对表格有更多定制的功能，但这样用起来爽是需要代价的，更多的代码与CSS知识官方文档参考资料...
html表格样式模板_【Word小技巧】巧用Word表格样式 制作一个三线表模板
weixin_32568113的博客
01-20 1073
今天给大家分享如何巧用Word表格样式，制作一个三线表模板。在论文写作过程中，很多期刊和毕业论文的表格都要求是三线表，这里就以三线表为例子，制作一个三线表的表格样式。这样就会省去我们手动调整表格边框及其粗细的时间。首先在Word中插入一个表格，然后在“表格工具-表格样式”中点击新建表格样式。然后在打开的对话框中，名称一栏写“三线表”，“将格式应用于”选项选择“整个表格”，然后将表格的上框...
OFFICE--三线表的制作
weixin_34216107的博客
06-08 275
1、插入表格，如：4行3列。2、选中整个表格，右击，选“边框和底纹”，单击“设置”里的“无”，在“宽度”里选“1 1/2磅”，在“预览”里单击上边框和下边框那两个图标，单击“确定”。3、选中整个表格，右击，选“边框和底纹”，在“宽度”里选“1/4磅”，在“预览”里单击表格内部的单元格横线那个图标，单击“确定”。4、选中表格2~3行所有单元格，右击，选“边框和底纹”，在“预览”里单击表格内部的单元格...
三线表的制作
06-06
三线表的制作,WORD2007,WORD2003最实用版本,保证一学就会
Html细线表格的实现
weixin_33859504的博客
01-10 146
在网页制作中，我们常常会使用到表格，表格使得需要表达的信息更清楚，明了。 <table border="1" cellspacing="0" bordercolor="#000000" width = "80%"> <tr> <td>1.1</td> <td>1.2...
用HTML绘制三线表,CSS制作三线表 | 学步园
weixin_33917474的博客
06-30 1712
无标题文档table {border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */border:solid #000000; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */border-width:2px 0 2px 0px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 ...
html三线表制作方法
07-28
- *2* [CSS制作三线表 | 学步园](https://blog.csdn.net/weixin_33917474/article/details/118377780)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common...
jquery制作一个三线表
最新发布
11-19
以下是使用jQuery制作一个三行表的示例代码： ```html <!DOCTYPE html> 三行表 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <style type="text/css"> table { border-...
LaTeX中使用bicaption、tabula包绘制三线表
Blog Life
11-09 4229
1 话不多说直接上图 看起来还不错，比较正式的三线表。 2 代码也一并供上请仔细查收 ```LaTex \documentclass{article} \usepackage{ctex} \usepackage{booktabs} \usepackage{multirow} \usepackage{diagbox} \usepackage{array} \usepackage{capti...
CSS3点击汉堡菜单全屏折角显示.zip
10-14
1. **CSS3**：CSS（层叠样式表）是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。CSS3是其最新版本，引入了许多新特性，如选择器、动画、转换、过渡和阴影等。在这个特效中，CSS3的...
漂亮的表格css+html
06-27
一个很好的表格html代码，里面包含了大量的css表格类型，界面清晰、清爽、相当的漂亮！@
用html制作的小网站
01-09
用html制作的小型网站，适合初学者学习的好资料
css 制作图表
前端博客
07-22 1206
把工作中经常使用的一些能使用css 制作的一些图标，进行笔记，方便下次调用和分享，笔记持续更新 css /* 三角形小标 */ .sanjiao{ width: 0; height: 0; overflow: hidden; border-width: 10px; border-color: transparent transparent red t...
html菜单三条横线,Word上怎么制作就三条横线的表格？
weixin_33783283的博客
06-11 721
回答：一、在Word表格中点击要画斜线的最左上角的单元格，选择菜单工具栏中的“表格”点击，找到“绘制斜线表头”选项，点击。如图：二、点击后出现了“插入斜线表头”对话框，对话框中有五种斜线样式，可以根据需要进行选择。如图：三、比如选择了“样式三”，就可以按照需要在表格内添加文字。如图：如果单元格太小，系统可能会自动提示所远单元格太小而提示不能插入斜线表头，此时你单击“确定”按钮单元格将自动调整并成功...
1.2 HTML“三表”
weixin_30614587的博客
06-17 88
HTML“三表” 表单（form） 表格（table） 列表（list） 表单（form） 输入文件型表单＜form action=“URL”(或空格) method=“post/get”＞　　＜input /＞　　......... .......... ＜/form＞ 　　get:从服务器上面取数据 post：向外传输数据 　　get：不加密，明文...
html中横线中间加字_干货|学术论文中的“三线表”如何绘制？
weixin_32467749的博客
12-18 972
SCI最新专题在科研过程中，大家用到最多的可能就是“三线表”。“三线表”，一般主要由三条横线构成，当然在变量名栏里也可以拆分单元格，出现更多的线。更重要的是，“三线表”也是一种数据记录规范，以“三线表”形式记录的数据一般可直接导入统计、绘图软件（如SPSS、Origin，R等）进行数据处理或可视化。之前我们写过R语言绘制三线图，详情可戳：手把手教你绘制临床三线表闲言少叙，下面就讲讲如何快速在Wor...
三种细线表格CSS代码
CHBOS的专栏
07-30 3484
背景设置式－细边框表格texttexttexttext 边框设置式－细边框__表格2 边框设置式－细边框表格texttexttexttext
三线表格设置方法
yy13210520的专栏
04-25 2785
<br />选中整个表格，然后右键单击表格，选中边框和底纹，选择应用于表格，选择合适的线型和颜色，把线给勾出来，点击确定。然后选中第二列，选择应用于表格，选择合适的线型和颜色，把下面的线也给勾出来，点击确定。
table1 | 一秒搞定你的三线表
m0_72224305的博客
07-28 1873
🧐 table1 | 一秒搞定你的三线表
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值