TABLE 的css的样式表
<script></script> 标签：css it   
TABLE 的css的样式表

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

下面为HTML

<head>
<title></title>
<link rel="stylesheet" href="table.css" type="text/css" media="screen" />
</head>
<body>
<table class="admintable" width="100%">
   <tr>
     <th class="adminth">标题&lt;th&gt;</th>
     <th class="adminth">标题&lt;th&gt;</th>
     <th class="adminth">标题&lt;th&gt;</th>
     <th class="adminth">标题&lt;th&gt;</th>
   </tr>
   <tr>
     <td class="admincls0">内容1</td>
     <td class="admincls0">内容1</td>
     <td class="admincls0">内容1</td>
     <td class="admincls0">内容1</td>
   </tr>
   <tr>
     <td class="admincls1">内容1</td>
     <td class="admincls1">内容1</td>
     <td class="admincls1">内容1</td>
     <td class="admincls1">内容1</td>
   </tr>
   <tr>
     <td class="admincls0">内容1</td>
     <td class="admincls0">内容1</td>
     <td class="admincls0">内容1</td>
     <td class="admincls0">内容1</td>
   </tr>
   <tr>
     <td class="admincls1">内容1</td>
     <td class="admincls1">内容1</td>
     <td class="admincls1">内容1</td>
     <td class="admincls1">内容1</td>
   </tr>
</table>
<p>&nbsp;</p>
<table width="245" height="241" border="1" cellspacing="0" bordercolor="#99BCFC">
   <tr>
     <th class="adminth_s2" width="57" scope="row">标题</th>
     <td width="178" bgcolor="#EAEAEA"><p>
       <input name="textfield" type="text" id="textfield" size="25" />
     </p>     </td>
   </tr>
   <tr>
     <th class="adminth_s2" scope="row">标题</th>
     <td bgcolor="#EAEAEA"><p>
       <input name="textfield2" type="text" id="textfield2" size="25" />
     </p>     </td>
   </tr>
   <tr>
     <th class="adminth_s2" scope="row">标题</th>
     <td bgcolor="#EAEAEA"><p>
       <input name="textfield3" type="text" id="textfield3" size="25" />
     </p>     </td>
   </tr>
   <tr>
     <th class="adminth_s2" scope="row">标题</th>
     <td bgcolor="#EAEAEA"><p>
       <input name="fileField" type="file" id="fileField" size="15" />
     </p>     </td>
   </tr>
   <tr>
     <th class="adminth_s2" scope="row">标题</th>
     <td bgcolor="#EAEAEA"> <p>
       <textarea name="textarea" id="textarea" cols="23" rows="6"></textarea>
     </p>     </td>
   </tr>
</table>
<p>&nbsp;</p>
<table width="200" class="admintable_s2"   cellspacing="0">
   <tr>
     <td class="admintd">标题</td>
     <td>内容</td>
   </tr>
   <tr>
     <td class="admintd">标题</td>
     <td>内容</td>
   </tr>
   <tr>
     <td class="admintd">标题</td>
     <td>内容</td>
   </tr>
</table>
<p>&nbsp;</p>
<table width="200" class="stage" cellspacing="0">
   <tr>
     <td colspan="2" class="stagetd">标题内容stagetd</td>
   </tr>
   <tr class="stagetr_tr1">
     <td>内容</td>
     <td>内容</td>
   </tr>
   <tr class="stagetr_tr2">
     <td>内容</td>
     <td>内容</td>
   </tr>
   <tr class="stagetr_tr1">
     <td>内容</td>
     <td>内容</td>
   </tr>
   <tr class="stagetr_tr2">
     <td>内容</td>
     <td>内容</td>
   </tr>
</table>
<p>&nbsp;</p>
</body>
</html>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

下面为css

table.admintable {
border:1px solid #AEDEF2;
border-collapse: collapse;
}

table.admintable_s2{
color:#658fd4;
border-bottom:#aedef2 thin solid;
border-left:#aedef2 thin solid;
border-right:#aedef2 thin solid;
border-top:#aedef2 thin solid;
background-color: #eef6fe;
font-size:12px;
font-family:"新宋体";
overflow:auto;
}

td.admintd{
color: #0066cc;
font-size:14px;
color:#05B;
}

th.adminth {
width: 671px;
color: #0066cc;
background-color: #eef6fe;
font-size:14px;
color:#05B;
border:1px solid #AEDEF2;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#AEDEF2,endColorStr=ghostwhite);
}

th.adminth_s2 {
width: 671px;
color: #0066cc;
background-color: #eef6fe;
font-size:14px;
color:#05B;
border:1px solid #AEDEF2;
}

td.admincls0 {
border:1px solid #AEDEF2;
background:ghostwhite;
font-size:12px;
font-family: 新宋体;
color: #333;
}

td.admincls1 {
border:1px solid #AEDEF2;
background:#DAF0F1;
font-size:12px;
font-family: 新宋体;
color: #333;
}
th.menu {
color: #006699;
font-family: "新宋体";
font-size: 14px;
}

td.stagetd{
color:#236E11;
font-size:14px;
font-family:"新宋体";
border-bottom:#456602 thin dashed;
background:#EBFEC5;
}
table.stage{
border-bottom:#FFFFFF thin solid;
border-left:#FFFFFF thin solid;
border-right:#FFFFFF thin solid;
border-top:#FFFFFF thin solid;
font-size:14px;
font-family:"新宋体";
overflow:auto;
}
tr.stagetr_tr1{
border-bottom:#FFFFFF thin solid;
border-left:#FFFFFF thin solid;
border-right:#FFFFFF thin solid;
border-top:#FFFFFF thin solid;
background-color: #EBFEC5;
font-size:12px;
font-family:"新宋体";
}
tr.stagetr_tr2{
border-bottom:#FFFFFF thin solid;
border-left:#FFFFFF thin solid;
border-right:#FFFFFF thin solid;
border-top:#FFFFFF thin solid;
font-size:12px;
font-family:"新宋体";
}

郑重声明：

此文章摘于新浪快乐女孩歪歪的博客。

TABLE 的css的样式表相关推荐

  1. css级联样式表_CSS –级联样式表| 第三部分

    css级联样式表 CSS2雄心壮志 (CSS2 ambitions precipitated) To meet the first specification does not cover even ...

  2. react 组件添加样式_如何通过4个简单的步骤将CSS模块样式表添加到React组件

    react 组件添加样式 Let's say you'd like to add a CSS Modules Stylesheet to your project. You can find Crea ...

  3. css基本样式表_基本的即用型CSS样式

    css基本样式表 View demo 查看演示Download Source 下载源 Today we are going to dig a little bit more into process ...

  4. css级联样式表_CSS –级联样式表| 第1部分

    css级联样式表 CSS –级联样式表 (CSS – Cascading Style Sheets) CSS (Cascading Style Sheets) is a computer langua ...

  5. reset.css 重置样式表

    css重置样式表 个人整理工作中常用的css重置样式,和一些样式解决方法,并写上了注释, 大家还有什么好的重置样式,或者一些样式解决方案,欢迎留言讨论. html, body {height: 100 ...

  6. GridView CSS的样式表

    在<head></head>标签中加入一个样式表,并定义它． <style. type="text/css">                  ...

  7. CSS-reset.css重置样式表

    reset.css是什么 reset.css是重置浏览器标签的样式表,其作用就是重新定义标签样式,覆盖浏览器的CSS默认属性,也就是指把浏览器提供的默认样式覆盖掉. 在HTML标签在浏览器里有默认的样 ...

  8. HTML、CSS综合02——css，样式表，选择器、盒子模型

    回顾复习 什么是标签:标签由<tagName>开始,到</tagName>结束. xml的标签基本都是自定义的 html的标签,基本都是规定好的.(可以使用自定义标签)浏览器对 ...

  9. css 层叠式样式表（2）

    一,样式表分类 (1)内联样式. --优先级最高,代码重复使用最差. (当特殊的样式需要应用到单独某个元素时,可以使用. 直接在相关的标签中使用样式属性.样式属性可以包含任何 CSS 属性.) (2) ...

最新文章

  1. 一文掌握常用的机器学习模型（文末福利）
  2. 转-Asp.Net MVC及Web API框架配置会碰到的几个问题及解决方案
  3. 不要错过这轮疫情的“洗牌”机会
  4. Android应用安装apk版本升级，适配Android 8.0和Android 10.0下载安装，shell命令安装APK
  5. mongodb 库数量限制_MongoDB in 数量限制
  6. Probe：Android线上OOM问题定位组件
  7. python pycharm打包_【转】通过PyCharm 把Python 程序打包为exe
  8. 网络服务器租赁费用_如何分析租赁季节性和趋势以节省租赁费用
  9. 华为nova 8i渲染图曝光：背部设计神似Mate30
  10. NSRange类详解
  11. Mac下关于ssh命令的简化
  12. Excel 插件‘Aspen process data ‘在VBA中的基本使用
  13. tomcat 9 http请求中文乱码问题
  14. 华为交换机配置SSH登录
  15. 希尔密码 matlab,非数学专业线性代数教学设计
  16. Linux服务篇之SSH服务
  17. c语言数列求和程序137,C语言循环结构 -C语言数列求和（使用while循环）
  18. 伯克利摘得最佳论文 | ACL2022奖项公布
  19. python 正则表达式 r_python 正则表达式
  20. 【猿说VUE】Visual Studio Code安装配置

热门文章

  1. ubuntu 20.04安装cuda
  2. 联通沃享小颗粒真正好用的（虚拟专用网络）正式上线
  3. pymysql 插入错误：Warning(1265, “Data truncated for column ‘XXXX‘ at row xxx“)
  4. Linux 源码分析 之 raw socket 分析 一 recvfrom过程
  5. python实现梯度下降法
  6. Accumulation point
  7. 漏洞通告 | Atlassian Confluence存在远程代码执行漏洞，悬镜云鲨RASP天然免疫防护...
  8. netcat 使用方法
  9. 如何解决Oracle11g使用dmp命令无法导出空表问题
  10. 生成器之Send方法--python