收藏十一种常用简单实用漂亮的HTML表格样式

更新时间:2023-12-06 16:34:09 阅读: 评论:0

2023年12月6日发(作者:公司乔迁贺词)

-

收藏十一种常用简单实用漂亮的HTML表格样式

收藏十一种常用简单实用漂亮的HTML表格样式

收集了十一种常用简单漂亮的表格样式。有时候用文章中用上表格,会显得段落分明的效果,收到意想不到的效果。我下面

用的是第三种效果

第一种:单格样式,可以不定义宽度,把width="100%"去掉即可:

width="100%"

bordercolorlight="#333333" border="0">

晓龙工作室

 

第二种:细线表格,代码如下:

表格边线为1,线色为黑,行线色为白。

表格边线为0,间距为1,背景色为黑,行背景色为白。

第三种:立体表格,代码如下:

bordercolorlight=#333333

bordercolordark=#efefef>

it365cn it365cn it365cn it365cn it365cn
cnbruce cnbruce cnbruce cnbruce

表格边线为1,间隔为0,左上为#333333,

右下为#efefef,行背景色为#cccccc

第四种:圆角另类表格,代码如下:

width=282 align=center>

放大

width=282 align=center>

第五种:边框虚线表格,代码如下:

cellpadding="0">

虚线直线1


虚线直线2

第六种:分类表格,代码如下:

item

content

第七种: 第1种变色单元格,通过a:hover做,代码如下:

bgcolor=black >

第八种: 第2种变色单元格,通过CSS实现,体现透明效果 ,代码如下:

Blueidea

CNBruce

οnmοuοut="ame=’bb’"

class="bb">

cnbruce

第九种:第3种变色单元格,通过鼠标事件实现,代码如下:

bordercolor="#efefef" bgcolor="#efefef">

onMouOut="r=’#efefef’;Color=’#efefef’";

onMouOver="r=’#cccccc’;

Color=’#000033′">

align="left">

Blueidea

onMouOut="r=’#efefef’;Color=’#efefef’";

onMouOver="r=’#cccccc’;

Color=’#000033′">

cnbruce

第十种: 透明的表格,代码如下:

style="filter:alpha(opacity=50)" width=200

height=100

border=0>

第十一种: 边框有外阴影效果,代码如下:

cnbruce

bgcolor=#f3f3f3

style="filter:progid:

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

-

收藏十一种常用简单实用漂亮的HTML表格样式

本文发布于:2023-12-06 16:34:08,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/zhishi/a/1701851649239062.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:收藏十一种常用简单实用漂亮的HTML表格样式.doc

本文 PDF 下载地址:收藏十一种常用简单实用漂亮的HTML表格样式.pdf

下一篇:返回列表
标签:表格   代码   效果   边线   样式
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 实用文体写作网旗下知识大全大全栏目是一个全百科类宝库! 优秀范文|法律文书|专利查询|
  • 我要关灯
    我要开灯
  • 返回顶部