admin 管理员组

文章数量: 1087829


2024年2月25日发(作者:html+js简单文件)

各种表格样式代码

■隐藏横向的分隔线:

例一:

■隐藏纵向的分隔线

例二:

■隐藏横向和纵向分隔线

例三:

■表格边框连续闪烁

在BODY区加上代码:

style="border:5px solid yellow">

加入任意物件.加入任意物件.

加入任意物件.加入任意物件.

加入任意物件.加入任意物件.

■表格分行下载(内容很大、比较实用)

在需要分行下载处加上 ,例:

麦迪天神1
麦迪天神2
麦迪天神3
麦迪天神4

■普通表格

11; top: 11" height="26" >

普通表格

普通表格

■正立方表格

bordercolordark="#000000" style="position: absolute; left: 10; top:49"

height="26">

正立方表格

正立方表格

■细表格

bgcolor="#000000" cellspacing="1" cellpadding="0"

height="22" style="position: absolute; left: 11; top: 86">

细表格

细表格

■立体表格

bordercolordark="#ffffff" style="position: absolute; left: 10; top:

112" height="34">

bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格

立体表格

■无名表格

left: 246; top: 12" height="51">

无名表格

无名表格

■表中表效果Ⅰ

left: 10; top: 120" height="138" cellspacing="1"

cellpadding="0">

border-style: groove" align="center"> #FFFFFF; border: 1 solid #808080" > 表中表效果Ⅰ

■表中表效果Ⅱ

absolute; left: 245; top: 89" height="110">

align="center"> 表中表效果Ⅱ

frame="hsides" border="1"

bordercolorlight="#000000" bordercolordark="#ffffff"

width="100%" cellspacing="1" cellpadding="0" height="78">

表中表效果Ⅰ

表中表效果Ⅱ

■表格中边框的显示

只显示上边框

只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框

-----------------------------

■虚线表格代码:

------------------------------

BORDER-LEFT: 1px dotted; BORDER-BOTTOM: 1px dotted; BORDER-COLLAPSE:

collapse" borderColor=#c0c0c0 cellSpacing=0 cellPadding=0 width=362

border=0>

要把表格作的精致,需要修改相应表格属性参数的大小:

表格属性:

cellpadding=?>

table:表格标记 tr:行标记 td:单元格标记

bgcolor(背景色) background (背景图象) cellspacing(设置单元格间距) cellpadding(单元格边距,即内容与边框间的距离) align(对齐方式:分为居左(left),居中(center),居右(right))

frame外部边框样式 :

void(不显示边框) Vsides(显示左右边框) Hsides(显示上下边框) Border(显示上下左右边框) above(显示上边框) below(显示下边框) Lhs(显示左边框) Rhs(显示右边框)

rules 内部边框样式:

All(显示所有内部边框) Cols(仅显示行边框) Rows(仅显示列边框) Groups(显示介于行列之间的边框) None(不显示内部边框)

bordercolorlight(亮边框颜色) bordercolordark(暗边框颜色)

单元格边框的隐藏

隐藏右边框

隐藏上边框

隐藏左边框

隐藏下边框

代码如下:

bordercolor="#FF9966" >

隐藏右边框 隐藏左边框
隐藏上边框 隐藏下边框

1.样式一 立体表格(1)

代码如下:

bordercolor="#ffffff" bgcolor="#FF9966" borderColorLight=#000000>

     

2.样式二 立体表格样式(2)

bordercolor="#ffffff" bgcolor="#FF9966" borderColordark=#000000>

     

3.样式三 立体表格样式(3)

bordercolordark=#efefef>

   
   

4.样式四 立体表格(4)

 
 

5.样式五 颜色表格

麦迪天神

width=309 align=left borderColorLight=#ffffff border=1>

bgColor=#FF9966 borderColorDark=#eeeeee height=24>写入字

borderColorDark=#eeeeee> 

borderColorDark=#eeeeee height=24> 写入字

borderColorDark=#eeeeee> 

6.样式六 空心表格

代码如下:

bordercolor="#66ccff">

     

7.样式七 圆角表格

width="45%" border=0>

cellPadding=0 width="100%" border=0>

cellPadding=0 border=0>

cellPadding=0 width="100%" border=0>

8.样式八 阴影表格

style="filter:progid:

(Color=#333333,Direction=120,strength=5)">

写入字

9.样式九 透明表格

代码如下:

bordercolor="#ffffff" bgcolor="#66ccff" borderColorLight=#000000

style="FILTER:alpha(opacity=10)">

     

10、样式十 无边框表格

bordercolor="#FF9966" frame=void>

     
     
     

说明:边框主要由frame值确定,void:不显示边框, adove:只显示上边框。below:只显示下边框。hsiders:显示左右边框。rhs:显示右边框。chs:显示左边框。rsides:显示上下边框

11.样式十一 三角表格

bordercolordark="#00000">

bordercolordark="#ffffff">

bordercolorlight="#ff0000" bordercolordark="#ffffff">


本文标签: 表格 边框 样式 显示 立体

更多相关文章

如何设置电脑显示缩放比例

7月前

年月日发(作者:是什么意思)如何设置电脑显示缩放比例在现代社会中,电脑已经成为人们生活中不可或缺的一部分。然而,对于一些用户来说,电脑显示的缩放比例可能会成为一个困扰。有些人可能会觉得屏幕上的文字和图标太小,而另一些人则觉得它们太大。因此,

(word完整版)kali-linux常用命令

6月前

年月日发(作者:编程是做什么)(完整版)-常用命令系统信息显示机器的处理器架构—显示硬件系统部件—()—罗列一个磁盘的架构特性—在磁盘上执行测试读取操作显示的信息显示中断校验内存使用显示哪些被使用显示内核的版本显示网络适配器及统计显示已加载

从入门到精通嵌入式Linux系统中的图片解码和显示

6月前

年月日发(作者:飞鱼中文编程)从入门到精通嵌入式系统中的图片解码和显示嵌入式系统在现代科技领域中扮演着至关重要的角色。随着数字媒体的普及,图片解码和显示成为了嵌入式系统中的常见任务。本文将介绍如何从入门到精通嵌入式系统中的图片解码和显示。一

嵌入式Linux系统的图片解码和显示方法详解

6月前

年月日发(作者:为女朋友制作动态网页)嵌入式系统的图片解码和显示方法详解图片在现代社会中具有广泛的应用,在嵌入式领域也不例外。嵌入式系统作为一种轻量级且灵活的操作系统,为图片的解码和显示提供了良好的支持。本文将详细介绍嵌入式系统中图片解码和

嵌入式Linux系统中图片解码和显示的性能提升方法

6月前

年月日发(作者:个人简约网页设计)嵌入式系统中图片解码和显示的性能提升方法在嵌入式系统中,图片的解码和显示是常见的任务之一。然而,由于资源有限和性能差异,这些任务可能会导致系统的响应变慢或出现延迟。为了提升图片解码和显示的性能,在本文中将介

Linux 远程登录Windows图形界面(图)

6月前

年月日发(作者:楞严咒快诵分)您想在系统下远程访问系统,在、下远程访问系统吗,本文教您如何做。是和系统的一个远程桌面连接软件,它通过、提供的终端服务()以及的远程桌面服务(),能在系统下远程登录的窗口系统并使用。一、的下载和安装在各种版本的

linux下显示器分辩率及刷新率设置[常识]

6月前

年月日发(作者:是什么标签)下显示器分辨率及刷新率设置一、查看显卡相关信息-:一下驱动(显卡)。、在的终端上执行:运行这个命令,如果显示不是“”,说明还需要自己去安装[@]#-_)、在模式下::(,:[@]#-:两者显示结果不一样,原因:是

一种Linux系统下自动实现多屏显示的配置系统及方法

6月前

年月日发(作者:企业官网下载)()中华人民共和国国家知识产权局()发明专利说明书()申请号.()申请日..()申请人郑州云海信息技术有限公司地址河南省郑州市郑东新区心怡路号层室()发明人段春焕()专利代理机构济南舜源专利事务所有限公司代理人

proteus常用快捷键(五)

6月前

年月日发(作者:插件下载)常用快捷键(五).(参数)()(输出)打开输出变量定义窗口()(优化成品率目标)打开优化成品率目标定义窗口()(杂项)打开其它参数定义窗口()(单位)打开单位定义窗口()(变量)打开变量定义窗口()(基片)打开基片

Proteus元件库菜单中英文汉化对照

6月前

年月日发(作者:按两次退出)元件名称中文名说明驱动门二极管与非门非门与门双十进制计数器针-输出从-对应于根线的码-译码器电路-转换电路交流发电机-安培计与门电池电池组总线电容电容器时钟信号源晶振-触发器保险丝地灯-红色发光二极管行列液晶可显

SAP的校验和替代(validations and substitutions)

6月前

年月日发(作者:显示图片信息).,.?,,,()::.?)(调用点),&#;-&#;,..,&#;&#;...().),&#;&#;,...():.&#;&#;.:&#;&#;,.:**-.,:-()-()-()--()(),()---&#

计算机打不开excel表格,excel表格打不开怎么办?excel表格打不开的原因及解决方法...

5月前

今天有网友反映,他昨天做的Excel表格打不开了,但其他Excel表格是可以打开的,非常郁闷,那么Excel表格打不开是什么原因呢&#xff0c

excel数据丢失怎么办?表格文件恢复的3个方法

5月前

Excel作为一个常用的表格文件,我们在工作中经常都需要用到它。最令人崩溃的事就是有时候我们辛辛苦苦用Excel完成了工作,但是突然发现Excel数据丢失。这可怎么办呢?如何

ChatGPT | Word表格整体输出

5月前

本文来自欧巴Godwin的博客 ,引用必须注明出处! 用LangChain读取Word和PDF的文字内容是好的,但如果内容包含表格则读取出来的内容完全没法看。用ChatGP

Photoshop教程_ps样式怎么导入?

5月前

Photoshop是我们常用的设计软件,许多设计者为了让自己的作品更具创意性,都会下载许多的ps样式,psd素材,ps样式如何导入?接下来就一起看看吧!

在微信中如何接入支付宝的提示打开浏览器样式:方法二简易方法

5月前

简易方法思路大致如下: 修改现在商品支付确认页面的代码,参照pay.html页面自行编写一个新的html(alipay-weixinbrowser-prompt.html)用于适应alipaya

复制粘贴到word文档中的表格超出页面该怎么办

4月前

首先,我们打开一个表格超出页面的word文档,如图所示; 然后我们点击表格左上角的那个按钮,如图所示,这样我们就选中了整个表格

Word 插入内容表格不换页

4月前

答:选中表格,右键选择“表格属性”。在新跳出的窗口内选择“允许跨页断行”。然后选择“确定”。

excel表格中忘了撤销工作表保护密码怎么办

3月前

转自:https:zhidao.baiduquestion297630230.html 用宏代码破解密码: 以office2007为例说明,(2

Excel数据自动填充到Word自定义表格

1月前

上一份工作在一家国企做软件测试,需求变来变去(3天一小改,5天换版面),xmind要先整理一遍测试用例(版本

发表评论

全部评论 0
暂无评论