Css excel样式

最新推荐文章于 2023-02-28 16:16:15 发布
最新推荐文章于 2023-02-28 16:16:15 发布
阅读量516 收藏
点赞数
分类专栏： Css 文章标签： Excel CSS XHTML HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ou_yang_h_/article/details/83665573
版权 
<!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.formdata{   
border:1px solid #5F6F7E;   
border-collapse:collapse;   
font-family:Arial;   
}   

table.formdata caption{   
text-align:left;   
padding-bottom:6px;   
}   

table.formdata th{   
border:1px solid #5F6F7E;   
background-color:#E2E2E2;   
color:#000000px;   
text-align:left;   
font-weight:normal;   
padding:2px 8px 2px 6px;   
margin:0px;   
}   

table.formdata td{   
margin:0px;   
padding:0px;   
border:1px solid #ABABAB;   
}   

table.formdata input{   
width:100px;   
padding:1px 3px 1px 3px;   
margin:0px;   
border:none;   
font-family:Arial;   
}   
</style>  
</head>  

<body>  
<form method="post">  
    <table class="formdata">  
        <caption>公司销售统计表</caption>  
        <tr>  
            <th></th>  
            <th scope="col">2004</th>  
            <th scope="col">2005</th>  
            <th scope="col">2006</th>  
            <th scope="col">2007</th>  
        </tr>  

        <tr>  
            <th>硬盘</th>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
        </tr>  

        <tr>  
            <th>硬盘</th>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
        </tr>  

        <tr>  
            <th>硬盘</th>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
        </tr>  

        <tr>  
            <th>硬盘</th>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
        </tr>  

        <tr>  
            <th>硬盘</th>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
        </tr>  

        <tr>  
            <th>硬盘</th>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
        </tr>  

        <tr>  
            <th>硬盘</th>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
        </tr>  

        <tr>  
            <th>硬盘</th>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
        </tr>  

        <tr>  
            <th>硬盘</th>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
        </tr>  

        <tr>  
            <th>硬盘</th>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
        </tr>  

        <tr>  
            <th>硬盘</th>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
            <td><input type="text" name="harddisk2004" id="harddisk2004"/></td>  
        </tr>  
    </table>  
</form>  
</body>  
</html>
ou_yang_h_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[免费-原创] 网页中模拟Excel CSS样式
03-18
利用CSS可以制作出出众的效果，不信你来看看这张网页。 用纯CSS模拟的Excel表格，没有是用任何图片。 [colin3dmax]为大家提供更多免费资源
npoi css,用NPOI给Excel单元格设置样式也可以用CSS啦
weixin_30679547的博客
08-03 255
衣明志发表于2014-01-20 16:00, 阅读(17297)年底了，客户的项目也跟催命似得，其中一个需求是要根据数据分析生成一堆复杂样式的Excel报表。在服务器端生成报表，如果是用COM调用Excel软件生成xls文件是一个很差的想法：服务器上安装office，估计服务器维护人员会骂死你ASP.NET通过COM调用Excel进行操作，会造成Excel进程无法关闭，平白无故浪费资源正版Exc...
css布局Excel,CSS 仿Excel表格功能
weixin_35141129的博客
08-04 813
Spreadsheet form - www.codefans.nettable.formdata{border:1px solid #5F6F7E;border-collapse:collapse;}table.formdata th{border:1px solid #5F6F7E;background-color:#E2E2E2;color:#000000;text-align:left;f...
CSS入门到精通——表格样式
weixin_54327001的博客
12-15 9298
第1关：表格边框 任务描述 本关任务：在本关中，我们将学习如何使用CSS设置表格样式，使表格更好看。本关任务完成之后的效果图(index.html)如下： 相关知识 为了完成本关任务，请大家认真阅读以下内容。 在之前的HTML教程中，我们学习了各类基本表格。 例如，下面网页代码的表格： HTML 页面： <body> <table width="400"> <!-- 表标题 --> <caption>通讯录</capti
CSS表格和设置表格样式
qq_45902025的博客
02-28 1857
CSS表格和表格设置样式
javascript+css仿excel表格效果
03-20
1. **样式设定**：通过CSS可以设置表格的基本样式，如边框、填充色、字体、对齐方式等，使表格看起来更像Excel。例如，使用`border-collapse: collapse;`实现单元格间无间隙的边框效果。 2. **单元格样式**：通过...
使用CSS将HTML表格导出到Excel
04-07
通过CSS，我们可以对表格的样式进行定制，例如设置边框、颜色、对齐方式等，使其看起来更像Excel中的工作表。 ```html 表头1 表头2 数据1 数据2 ``` CSS可以这样应用： ```css table { ...
利用CSS仿Excel表格的效果
09-12
在网页设计中，为了模拟Excel表格的样式和功能，我们可以借助CSS（层叠样式表）来实现。CSS是一种用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的语言，它能让我们精确控制网页元素的布局和外观。...
CSS 表格样式
03-18
本文将深入探讨如何使用CSS来美化和定制表格样式，以提升网站的用户体验。 首先，我们要理解HTML表格的基本结构。在HTML中，`<table>`元素是创建表格的基础，而`<tr>`表示行，`<th>`表示表头单元格，`<td>`则表示...
仿Excel表格
Rookie
03-22 1073
首先可以点击右边的连接来体验一下最终的效果：Excel表格 这里我罗列出我主要实现的五大功能： 行列以及cell的hover和click效果 增删行列 resize功能 鼠标选择效果 支持编辑 下面我给出一些主要功能以及棘手问题的解决方案： 1.表格的设计： 采取table布局天生与Excel相匹配。 2.外观样式的设计： 用定位技术来确定两个中心div（这两div是父子关系），一个div固定大...
CSS中表格介绍，表格相关的样式以及长表格的使用
王春燕的博客
04-13 943
表格在日常生活中使用的非常的多，比如excel就是专门用来创建表格的工具，表格就是用来表示一些格式化的数据的，比如：课程表、银行对账单，在网页中也可以来创建出不同的表格 一：创建表格 在HTML中，使用table标签来创建一个表格，在table标签中使用tr来表示表格中的一行，有几行就有几个tr，在tr中需要使用td来创建一个单元格，有几个单元格就有几个td rowspan用来设置纵向的合并单元格 colspan横向的合并单元格 <!DOCTYPE html> <html&gt
CSS 仿Excel表格功能
umgsai的专栏
08-10 161
&lt;!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;htmlxmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&
excel表格数据如果转换成带css样式的网页表格
qishinihenhao的专栏
11-06 859
最近在写页面，文档里给的是excel表格的数据，要将excel表格里的数据放到页面里。 这里涉及到了一个excel转table的处理问题。 需要将Excel展现在Web界面中，对于一个不太懂技术的我来说简直不知道咋办法,于是就找资料 原来excel 是可以直接转table 网页的 然后试了下 发现不行，一点都不好看， 转换后的结果没一点样式。于是乎就想寻找一个可以转换excel变网页表格带css样式的工具 果然找到一个不错的推荐给大家： http://www.yzcopen.com/doc/ex
Oracle EBS 导出EXCEL文件CSS样式应用
AlexLiu_2019的博客
06-06 366
Oracle EBS 导出EXCEL文件CSS样式应用
Excel转Html(四)-样式转化-CSS-border-width-属性
呼吸的小鱼博客
11-27 1183
1、EXCEL CellStyle类： 语法： border-width : medium | thin | thick | length 参数： medium : 　默认宽度 thin : 　小于默认宽度 thick : 　大于默认宽度 length : 　由浮点数字和单位标识符组成的长度值。不可为负值   public static final short BORDER_NONE = 0...
CSS表格与列表
dianbolan的博客
09-23 333
CSS表格与列表 一.表格样式 这里只介绍表格的一些独有的属性 1.border-collapse 设置表格的单元格之间的边框是否合并 可选的参数  separte 分开的 collapse 合并的 2.border-spacing 设置单元格边框之间的距离 这个选项必须在 border-collapse:separate时才有用 3.caption-side 设置表
php下拉框css样式,css如何实现下拉菜单？css实现下拉菜单的方法（完整代码）
weixin_36251012的博客
03-19 202
本篇文章给大家带来的内容是关于css如何实现下拉菜单？css实现下拉菜单的方法(完整代码)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。/*盒子，相对定位*/.dropdown{display:inline-block;position:relative;}button{background-color:pink;color:white;border:none;margin:6p...
Excel转Html(一)-样式转化-CSS-border-style-属性
呼吸的小鱼博客
11-27 3795
1、EXCEL CellStyle类：               public static final short BORDER_DASHED = 3;          public static final short BORDER_HAIR = 7;     public static final short BORDER_DOUBLE = 6;          public sta...
vue-office-excel 样式修改
最新发布
12-15
1. 使用CSS样式表：通过编写自定义的CSS样式表，可以直接修改vue-office-excel的外观。可以选择性地修改表格的边框、字体、颜色等样式属性，以满足项目需求。 2. 修改组件源代码：如果需要对vue-office-excel进行更...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值