`
pouyang
  • 浏览: 321628 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Css excel样式

    博客分类：
  • Css
ExcelCSSXHTMLHTML 
阅读更多 
<!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>
分享到：
| 生活记录 2010-7-1
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    利用CSS仿Excel表格的效果

    在网页设计中，为了模拟Excel表格的样式和功能，我们可以借助CSS（层叠样式表）来实现。CSS是一种用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的语言，它能让我们精确控制网页元素的布局和外观。...

    javascript+css仿excel表格效果

    1. **样式设定**：通过CSS可以设置表格的基本样式，如边框、填充色、字体、对齐方式等，使表格看起来更像Excel。例如，使用`border-collapse: collapse;`实现单元格间无间隙的边框效果。 2. **单元格样式**：通过...

    [免费-原创] 网页中模拟Excel CSS样式

    利用CSS可以制作出出众的效果，不信你来看看这张网页。 用纯CSS模拟的Excel表格，没有是用任何图片。 [colin3dmax]为大家提供更多免费资源

    精美的css控制表格样式

    本主题聚焦于如何使用CSS来控制表格的样式，以实现“精美的”视觉效果。表格在网页中常用于展示数据，如报告、统计数据或产品目录，而通过恰当的CSS应用，我们可以让这些表格更加吸引人，提高用户体验。 1. **基础...

    CSS模拟出的Excel表格效果.rar

    接下来，我们用CSS来定义样式。这里的关键在于使用适当的布局技术，如Flexbox或Grid，来控制单元格的位置和大小。对于这个例子，我们可以使用Flexbox： ```css .table { display: flex; flex-wrap: wrap; } .row...

    《精通CSS+DIV网页样式与布局》光盘源码

    　3.1　CSS文字样式 　3.2　文字实例一：模拟Google公司Logo　 　3.3　文字实例二：制作页面的五彩标题　 　3.4　CSS段落文字 　3.5　段落实例：百度搜索　 　第4章　用CSS设置图片效果　 　4.1　图片样式　 　4.2　...

    关于导出excel时保持样式的一个方法

    但是这两种导出方法难以保持表头等单元格合并,表格颜色,表格字体等样式. 利用将网页导出到excel中的方式,可以解决以上问题. &lt;br&gt;/// &lt;summary&gt;&lt;br&gt; /// 导出excel /// &lt;/summary&gt;&lt;br&gt; /// ...

    CSS 表格样式

    本文将深入探讨如何使用CSS来美化和定制表格样式，以提升网站的用户体验。 首先，我们要理解HTML表格的基本结构。在HTML中，`&lt;table&gt;`元素是创建表格的基础，而`&lt;tr&gt;`表示行，`&lt;th&gt;`表示表头单元格，`&lt;td&gt;`则表示...

    Excel样式表格单元格选择jQuery插件

    本文将深入探讨“Excel样式表格单元格选择jQuery插件”的相关知识点，帮助开发者实现类似Excel的交互体验。 一、jQuery基础 在理解这个插件之前，我们首先要了解jQuery的基本概念。jQuery是由John Resig开发的，它...

    漂亮的table样式（内附css）

    为了提升表格的视觉效果，我们可以利用CSS（Cascading Style Sheets）来定制表格的样式。"漂亮的table样式（内附css）"这个主题就是围绕如何使用CSS为HTML表格添加吸引力，使其更加美观和专业。 首先，我们需要了解...

    html5+css3样式和帮助文档

    而CSS3则在样式表现方面提供了更多可能性，包括更丰富的选择器、动画、过渡效果以及多列布局等。 **HTML5的知识点**： 1. **新元素的引入**：HTML5引入了如、、、、等新元素，这些元素有助于提高网页的语义性，让...

    精通CSS.DIV.网页样式与布局 源码

    　3.1　CSS文字样式 　3.2　文字实例一：模拟Google公司Logo　 　3.3　文字实例二：制作页面的五彩标题　 　3.4　CSS段落文字 　3.5　段落实例：百度搜索　 　第4章　用CSS设置图片效果　 　4.1　图片样式　 ...

    Ligerui Table导出excel 支持样式、冻结行列、图片等导出

    标题"“Ligerui Table导出excel 支持样式、冻结行列、图片等导出”"指出了LigerUI Table导出Excel功能的三个主要特色： 1. **原样式导出**：此功能意味着LigerUI Table在导出数据时，会尽可能地保留表格在网页上...

    使用HTML,CSS快速导出数据到Excel

    但是使用 com 组件导出到 Excel 数据很慢，有另一种生成 excel 文件的方式就是通过 html 和 css 快速导出数据同时并能设置样式，使用这种方式有两个优点：1 是速度快，2 是不需安装 excel 支持。 要实现快速导出...

    精通CSS+DIV网页样式与布局

    　3.1　CSS文字样式 　3.2　文字实例一：模拟Google公司Logo　 　3.3　文字实例二：制作页面的五彩标题　 　3.4　CSS段落文字 　3.5　段落实例：百度搜索　 　第4章　用CSS设置图片效果　 　4.1　图片样式　 　4.2　...

    Npoi操作Excel设置单元格格式

    在本篇中，我们将深入探讨如何使用Npoi结合CSS样式来设置Excel单元格的格式。 首先，我们需要了解Npoi的基本操作。Npoi提供了HSSFWorkbook（用于旧版BIFF8格式的Excel 2003及更早版本）和XSSFWorkbook（用于XML-...

    js导出带样式的excel.zip

    - 例如，可以定义CSS-like的对象来描述样式，并将其应用到单元格上，确保导出的Excel保持与网页显示一致的样式。 4. **文件下载**： - 在JavaScript中，`Blob`对象和`URL.createObjectURL()`方法可以用来创建临时...

    挺好看的CSS TABLE样式

    `styles.css`可能是全局样式表，而`xtab.css`可能专注于表格（table）的特定样式，例如表格头（thead）、表格体（tbody）、表格脚（tfoot）的样式，以及单元格（td）和表头单元格（th）的样式调整。 在描述中提到的...

    excel转换html类(Excel2HtmlUtil的JAVA类)

    在Excel到HTML的转换过程中，为了保持原始Excel文件的样式和布局，通常会创建一个CSS文件来定义表格的样式。 - `Excel2HtmlUtil.java`：这是关键文件，包含了实现Excel到HTML转换逻辑的Java类。开发者可以通过调用这...

    用jquery-table2excel，进行导出excel表格 带图片 jquery.table2excel.js下载

    例如，复杂的CSS样式、单元格合并等可能无法完全保留。此外，由于使用了`data:`URI，文件大小可能会受到浏览器的限制，较大的数据集可能无法正确导出。 `jquery-table2excel`的配置选项允许自定义导出行为，如指定...

Magicbox
Global site tag (gtag.js) - Google Analytics