一个丑陋的表格

最新推荐文章于 2024-08-08 14:18:17 发布
最新推荐文章于 2024-08-08 14:18:17 发布
阅读量112 收藏
点赞数
分类专栏： html 文章标签： html css table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_5753/article/details/82484296
版权

table.css

.table {
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
    border-top-width: 1px;
    border-color: #cccccc;
    padding: 0px;
    border-spacing:0px;/* 设置单元格的间距,相当于html中table元素的cellspacing属性  */
    width:50%;
}

.header td {
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
	background-color: #DBE7EF;
	color: #000066;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	height:20px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #cccccc;
}

.odd td, .even td {
	height: 18px;
	white-space: nowrap;
  	font-weight: bold;
  	font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    padding: 0px 3px 0px 5px;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #cccccc;
}
.odd {
    background-color: white;
}

.even {
    background-color: #F7F7F7;
}

  table.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link href="table.css" rel="stylesheet" type="text/css"/>
</head>
<body>
	<table class="table">
		<tr class="header">
			<td>TITLE</td>
			<td>TITLE</td>
			<td>TITLE</td>
			<td>TITLE</td>
		</tr>
		
		<tr class="odd">
			<td>CONTENT</td>
			<td>CONTENT</td>
			<td>CONTENT</td>
			<td>CONTENT</td>
		</tr>
		
		<tr class="even">
			<td>CONTENT</td>
			<td>CONTENT</td>
			<td>CONTENT</td>
			<td>CONTENT</td>
		</tr>
		
		<tr class="odd">
			<td>CONTENT</td>
			<td>CONTENT</td>
			<td>CONTENT</td>
			<td>CONTENT</td>
		</tr>
		
		<tr class="even">
			<td>CONTENT</td>
			<td>CONTENT</td>
			<td>CONTENT</td>
			<td>CONTENT</td>
		</tr>
	</table>
</body>
</html>

 

 
 
 

iteye_5753
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SQLiteAdmin:一个简单，丑陋，快速，独立的基于PHPSQLite 2＆3管理器
03-30
SQLiteAdmin是一款基于PHP的SQLite 2和SQLite 3数据库管理系统...对于需要快速原型开发或轻量级数据库解决方案的项目，SQLiteAdmin是一个实用的工具。在实际应用中，用户可以根据具体需求结合PHP编程进一步扩展其功能。
哈哈，丑的要死的表格
07-31
在与“表格”主题相关的上下文中，这个文档可能是一个示例数据集，用来展示如何在Word中创建或编辑表格，或者是如何通过编程方式自动化处理这类数据，比如批量计算、格式化或者导出为其他格式。 综上所述，相关知识...
html让表格填充div,html – 如何获得一个div垂直填充表格单元格？
weixin_35895056的博客
06-19 130
作为this question在表单元格中的绝对定位的后续行动,我试图在Firefox中获得一些工作.再次,我在那里约95％,只有一点点让我无法宣布胜利.使用以下示例标记：/p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">Testtable { width:500px; border-collapse:collapse}th,...
一个丑陋的文件下载网站
weixin_34133829的博客
06-26 72
近来有个客户需要远程数据库里面的信息，但是又不想开放主机真实ip，用户密码，数据库用户密码这些信息，就搞了一个丑陋的文件下载网站，把这些信息封装了起来 用到的包flask ,mysql-connector-python,xlwt 实现思路： 1、使用python连接数据库，读取数据 　　使用mysql.connector模块连接数据库 　　因语句固定，所以写到了脚本中，未实现用户交互输入...
html 表格中加按钮,HTML 表单按钮
weixin_39593247的博客
05-31 5019
(本次随笔仅作为学习用途)表单按钮1.表单按钮一般分为三类，分别是提交按钮、重置按钮和普通按钮。提交按钮、重置按钮只能在表单中使用，普通按钮则可以在网页的任何地方使用。2. 从本质上讲，表单按钮也是表单控件，之所以把它分离出来，单独介绍，是因为它的功能比较特别。提交按钮用于把表单数据发送到服务器，重置按钮用于重置整个表单的数据，普通按钮则需要开发者赋予它功能。3. 当用户点击提交按钮和重置按钮时...
【qt】QTableWidget 表格组件
qq_74047911的博客
05-21 1380
表格的构建先列（表头）后行,每一个数据都是通过单元格进行设置。其次就是对增删改查功能的设计的掌握。人的一切痛苦，本质上都是对自己无能的愤怒。
python表格模板_python 网站 使用表单和模板
weixin_39766109的博客
12-05 97
如果像前面那么做网站，也太丑陋了。并且功能也不多。在实际做网站中，现在都要使用一个模板，并且在用户直接看到的页面，用html语言来写页面。在做网站的行业里面，常常将HTML+CSS+JS组成的网页，称作“前端”。它主要负责展示，或者让用户填写一些表格，通过JS提交给用python写的程序，让python程序来处理数据，那些处理数据的python程序称之为“后端”。我常常提醒做“后端”的，不要轻视“...
php中表格的美化,美化网页中的Table表格样式 - 文章教程
weixin_33268205的博客
03-21 1123
Table表格曾经是网页布局的霸主，可惜现在用的少了，主要还是用在表现表格结构化数据的布局，虽说用得少，但是表格用起来还是很方便的，至少有时候比DIV+CSS更方便，关于如何美化网页中的Table表格样式，这篇文章将为你提供一些方法。表格的默认样式表格有一个默认的样式，在不添加任何属性的情况下，基本都很丑：上面的截图来自下面的代码，这是最基本的表格结构，有边框默认为1px，单元格之间还有间隙，后面...
html中表格布局还是div布局,表格布局和css div布局
weixin_36342428的博客
06-10 1422
请简单说明表格布局网页和DIV+CSS布局网页的不同之处?请简单说明表格布局网页和DIV+CSS布局网页的不同之处？div+css布局和表格框架式布局的优缺点各是什么？如题，越详细越好TABLE表格布局。 有甚者优点：布局容易、快捷、兼容性好。 缺点：改动不便，需重新调整，工作量大。DIV+CSS。 优点：布局灵活、改动方便。 缺点：需考虑平台的兼容性，对制作人员技能要CSS布局HTML小编今天和...
html表格怎么取消自动换行,css怎么控制表格不要自动换行？
weixin_33588445的博客
05-30 1279
很多时候，我们在项目开发中会出现，单元格内容由于太多导致的换行问题，让表格显得非常的丑陋。下面我们就来看一下css控制表格不自动换行的方法。我们可以通过为表格添加white-space:nowrap样式设置表格内容不换行。示例：.dt {table-layout:fixed; width:100px;}.dt td, .dt th{white-space:nowrap;overflow:hidde...
R markdown 表格
weixin_43659913的博客
05-24 7419
如何在R markdown里面写表格真是难倒我了，比如说有什么library(knitr)，可以很专业的画表格的样子，但是我感觉不太受我的控制，比如说在表格里如何写latex公式，我就迷惑了，当然想用knitr的盆友，可以参考链接：https://zhuanlan.zhihu.com/p/30973280 那后来才发现，可以直接按照markdown语法在R markdown里面画表格，而且什么latex公式，左右对齐真是随心所欲，轻松拿下，下面给一个小例子： 代码： | $a_1$ | $\hat{|l|}
懒人原生css3样式控制table表格隔行高亮显示
06-12
你是否还在为你的网页中复杂而又丑陋的表格而烦恼？ 往往很多默认的表格都不好看，而样式又比较难以控制 今天懒人站长特意整理了一份css3样式控制的表格界面 看起来简洁方便控制，也容易使用 注意...
the-internet:一个示例应用程序，捕获了Web上显着且丑陋的功能。 完美的针对编写自动验收测试
05-04
互联网0.58.0（2020年2月10日） ======= 一个示例应用程序，捕获了Web上显着且丑陋的功能。 非常适合根据它编写自动验收测试。 已部署并可以在。可用示例：（用户名和密码：admin）（用户名和密码：admin）动态加载...
decision-table:表格布局中的紧凑决策逻辑
06-10
当你不想要很多丑陋的 if 语句时。 在类似表格的布局中提供紧凑的决策逻辑。 安装 npm i decision-table 用法 var DecisionTable = require('decision-table') var table = new DecisionTable( ['type', 'count',...
JavaWeb(HTML/CSS/JavaScript)学习笔记
fjdjdj1的博客
08-04 772
根标签 头部元素 主体元素 注释 HTML基本内容 专业词汇语法细节官网下载网站Visual Studio Code - C
html 的value属性
小鱼儿的博客
08-05 329
属性，并且这个属性的值会根据用户的输入而更新。：当浏览器加载HTML文档并构建DOM（文档对象模型）时，它会为每个。：当用户与输入框交互时（如键入文本），浏览器会更新DOM中该输入框的。如果设置了，它将作为输入框的初始值。当用户开始在输入框中输入文本时，浏览器会更新这个。属性，它反映了输入框的当前值。元素创建一个对应的DOM对象。属性，你仍然可以通过JavaScript访问到它的。属性，并且这个属性的初始值是空字符串（元素），浏览器会自动为该元素创建一个。属性，DOM对象仍然会有一个。
how to set mpdf HTML contains invalid UTF-8 character(s)
Tinywan
08-07 145
PDF导出中文洗衣液厂家(品牌；海依恋+纤维大师�<br>�� Invalid input characters. Did you set $mpdf->in_charset properly? 解决方案 #Try this $html = mb_convert_encoding($html, 'UTF-8', 'UTF-8'); #before calling: ...
【Dash】HTML 组件创建直方图
最新发布
持续更新中...
08-08 739
创建一个标题组件 html.H1，显示 Hello Dash，文本居中，并定义文本颜色。设置 app 布局，用 html.Div 组件包裹所有子组件，并设置背景颜色。创建一个 dcc.Graph 组件，用于显示之前创建的图表 fig。创建一个 html.Div 组件，文本居中，并定义文本颜色。children是一个列表，包含所有要显示的子组件。id 参数用于标识这个图表，以便在应用程序中引用。
jupyter定义一个表格
06-11
可以使用Python中的pandas库来定义一个表格，并在Jupyter Notebook中显示。 首先需要安装pandas库，可以在终端中输入以下命令进行安装： ``` pip install pandas ``` 安装完成后，在Jupyter Notebook中输入以下代码来定义一个表格： ```python import pandas as pd # 定义数据 data = {'姓名': ['小明', '小红', '小刚', '小李'], '年龄': [20, 18, 22, 19], '性别': ['男', '女', '男', '男']} # 创建DataFrame对象 df = pd.DataFrame(data) # 显示表格 df ``` 运行代码后，就可以在Jupyter Notebook中显示出一个表格，如下图所示： ![pandas表格](https://img-blog.csdnimg.cn/20210912112547996.png)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值