table样式1

最新推荐文章于 2022-04-30 20:39:33 发布
最新推荐文章于 2022-04-30 20:39:33 发布
阅读量1.4k 收藏
点赞数
分类专栏： 网站技术相关 文章标签： table stylesheet xhtml html border class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mattwin/article/details/2222887
版权

效果感觉一般，不过可以用作参考
<!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>mint_test</title>
<style type="text/css" media="all">
table.text {width:90%;border-collapse:collapse;clear:right;}
table thead tr td {background:#ddd;text-align:center;padding-top:4px;}
table thead tr td h3 {text-align:center;font-weight:bold;font-size:14px;padding-top:0;color: #18699E}
table tr td { text-align:center; font-size:14px; color:#333}
table tr th {background:#f7f7f7;line-height:20px; text-align:center; font-size:14px; color:#666666}
table tr td p {padding:0;margin:0;white-space:nowrap;text-indent:0;}
</style>
<link href="css/style.css" type=text/css rel=stylesheet>
<style type="text/css">
<!--
table.text1 {width:90%;border-collapse:collapse;clear:right;}
-->
</style>
</head>
<body  bgcolor="#EFEFEF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<center>
  <table width="90%"  border="1" cellpadding="0" cellspacing="5" bordercolor="#999999"  class="text1">
    <thead>
       <tr>
       
        <td  colspan="5"><h3  ><a href="#">维护日志</a></h3></td>
       
      </tr>
 
      <tr>
       
        <td width="9%"><h3  ><a href="#">编号</a></h3></td>
        <td width="35%"><h3><a href="#">客户名称</a></h3></td>
      
        <td width="16%"><h3><a href="#">日期</a></h3></td>
        <td width="12%"><h3><a href="#">维护人</a></h3></td>
      </tr>
    </thead>
    <tr>
    
      <th >1</th>
      <td>工作会议记录 </td>
  
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
  
      <th>2</th>
      <td>&nbsp;</td>
      <td><a href="#"></a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
  
      <th>3</th>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
     
      <th>4</th>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
 
      <td>&nbsp;</td>
    </tr>
    <tr>
    
      <th>5</th>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
    
      <th>6</th>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
    
      <th>7</th>
    
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
    
      <th>8</th>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
     
      <td colspan="6"><div align="right"> 【转到
            <select name="select">
              </select>
        页】【共125条】 </div></td>
    </tr>
  </table>
 
 
</center>

</body>
</html> 

mattwin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript清理table样式
10-23
本文给大家讲解的是使用javascript实现去除多余的TABLE的样式，主要通过结合正则表达式来实现，非常的简单实用，有需要的小伙伴可以参考下。
html table专业样式,html 简单的table样式
weixin_30562025的博客
06-20 2520
1 2 3 4 5 html 简单的table样式6 7 /*gridtable*/8 table.gridtable{9 font-family:verdana,arial,sans-serif;10 font-size:11px;11 color:#333333;12 border-width:1px;13 border-color:#666666;14 bor...
Vue表格table样式
LeeSenRe的博客
08-22 1万+
新入职的公司让我学习下Vue，以前没怎么学过，最近开始学习，记录下每天学习的内容，借鉴了很多前辈们的资料，如有冒犯，还请原谅。 开始我做的是动态表格，但是发现不会调整宽度，于是就改成了下面的样子，用着更舒服一些。先记录下来，免的以后想用找不到。 先看下效果图。 本人比较懒，就写了一行，下面上代码。 <template> <el-table :data="tableDa...
好看html表格table样式
热门推荐
qq_38730338的博客
08-01 1万+
<style type="text/css"> table{ border-collapse:collapse; table-layout:fixed; border-radius:5px; overflow:hidden; margin: 10px auto; border:2px solid #70aefb ; background-color:...
好看的table样式
心有—林夕的博客
04-30 2454
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>table1</title> </head> <style type="text/css"> body { text-align:center; font: normal 11px "Trebuchet MS.
bootstrap table样式丢失
学习痕迹
10-14 5212
问题描述：采用bootstrap中的table进行页面布局，然后通过ajax请求数据源，然后动态添加表格内容。添加时，采用的自己拼接字符串，然后追加到表格中。结果发现bootstrap的表格样式没有生效。 页面代码： 消费类别 描述 消费数量 消费时间 JS代码： $.ajax({ ty
table样式.zip
06-09
这个可以帮助你们在web前端开发中，绘制HTML的Table更美观，漂亮， HTML自定义Table 好看的Table样式 前台Table样式
layui中table表头样式修改方法
10-18
今天小编就为大家分享一篇layui中table表头样式修改方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
css+table 1px边框单元格
10-30
用css不用以前比较传统的用表格背景+单元格背景实现的效果
几种实用table样式
03-29
几种实用table样式
html table 的标准写法【例子】
温海波的专栏
03-28 2943
     Table designs            Design Name     Author     Country     Comment     Download                    Total     98 designs                       TagBox     TagBox#">TagBox>     Deutschland     
微软产品在信息系统建设开发中的应用
温海波的专栏
03-11 1459
大半年前加了高杨先生的MSN，当时以为他只是一位普普通通的开发人员，今天才发现高杨先生是个这么厉害的角色。今天高扬先生接受了赛迪网的聊天室采访。笔者把两天记录记下来了，供大家参考。先做简单介绍：北京中科领航 开发部经理 高阳  有丰富的开发和项目管理经验，熟悉微软MSF项目管理流程和CMMI质量规范，有很强的项目跟踪能力，先后担任过东软、微软ATC、MCS顾问咨询部开发经理，现担任北京
关于使用xml技术建立网站。
温海波的专栏
05-07 1383
最近我在思考如何用xml来建立一个网站。我觉得使用xml语言建立网站有好多优势，特别是对于那些访问量好多，但是里面的内容（旧的）更改不多的网站，例如www.zhantai.com。在这个网站里面，每天都有大量的信息在里面发布，但是往往发布后要修改已经发布的内容的情况很少。这里过时的信息要删除的。在这个网站发布的信息，最终由后台程序生成对应的html文件存放在对应的路径上，用户浏览的其实就是已经生成
lightbox greybox thickbox 之我所见
温海波的专栏
03-26 907
今天为笑傲网做产品的列表页，想用个windows的关机效果。感觉那样非常酷，点击链接后，页面变暗，然后弹出一个div窗口，人机交互方面感觉也不错，找了一个上午找到了三个，分别是lightbox、greybox 、thickbox，这些都是ajax的典型应用我每个都用了下，把感觉和大家分分享下。lightbox主要是针对图片的，功能很强大。但是不能嵌入网页，我感觉这点非常遗憾。
用div+css实现table效果
温海波的专栏
03-27 872
            ul        {            list-style: none;            margin: 0;        }        li        {            float: left;            padding: 5px;            text-align: left;            border-t
自己整理的腾讯网站的新闻导航【鼠标经过就切换分类】
温海波的专栏
03-24 741
 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html>head>    style>...        *{...}{margin:0;padding:0;}        body {...}
完整的Flash Object参考
温海波的专栏
04-08 741
　　这篇参考翻译自Adobe官方网站提供的技术说明（点击到官方参考）。并在文末添加了文中未指明的重要信息。 　　内容如下： 　　涵盖的内容：一、必须的属性；二、可选的属性；三、活动内容JavaScript脚本（因为不太实用而忽略
asp.net图片下载的文件头设置
温海波的专栏
03-24 628
网友说是：Response.ContentType = "application/octet-stream";            Response.AddHeader("Content-Disposition", "filename=" + fileName);            Response.BinaryWrite(fileContent); （本人暂未测试）。我的项目的使用的是
bootstrap table 样式
最新发布
10-11
bootstrap table 样式可以通过添加 Bootstrap 的 CSS 类来实现。在一个表格元素上添加 `.table` 类可以让它带有基本的样式，例如斑马线条纹、边框、卡片式样等等。还有一些其他的类可以让表格更加美观和易于阅读，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值