当前位置: 网站建设 > 网页设计 > 建站经验 >

分享WEB标准的CSS细线表格样式

时间:2013-03-02 03:55来源:未知 作者:admin 点击:

标签:分享WEB标准的CSS细线表格样式 表格(16)样式(83)分享(42)T(9)标准(26)style(8)CSS(655)Web(48)细线(1)
style table { border:1px solid #000; border-width:1px 0 0 1px; margin:2px 0 2px 0; text-align:center; border-collapse:collapse; td,th { padding:3px; font-size:12px; border:1px solid #000; border-width:0 1px 1px 0; margin:2px 0 2px 0; text-align:left; th {
分享WEB标准的CSS细线表格样式》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233V42013.htm

<style>
table {
      border:1px solid #000;
      border-width:1px 0 0 1px;
      margin:2px 0 2px 0;
      text-align:center;
      border-collapse:collapse; td,th {
      padding:3px;
      font-size:12px;
      border:1px solid #000;
 ,分享html页面中不同链接的不同样式的css代码;     border-width:0 1px 1px 0;
      margin:2px 0 2px 0;
      text-align:left; th {
      text-align:center;
      font-weight:600;
      background-color:#F4F4F4; </style>
<table>
     <tr>
         <th>姓名</th>
         <,分享CSS清理浮动方式更简洁的方案;th>年纪</th>
         <th>性别</th>
         <,分享CSS模拟小箭头的实现代码 ;th>专业</th>
         <th>年级</th>
         <th>系别</th>
     </tr>   
 ,分享CSS模拟小箭头的实现代码;    <tr>
         <td>郑春磊</td>
         <td>20</td>
         <td>男</td>
         <td>软件工程</td>
         <td>大一</td>
    ,分享CSS样式作弊方法;     <td>计算机系</td>
  ,分享CSS写的网页导航向上箭头;   </tr>
     <tr>
         <td>李肃文</td>
     ,分享9个网页制作常用技巧;    <td>21</td>
         <td>男</td>
         <td>软件工程</td>
     ,分享25个CSS网页设计常用技巧;    <td>大一</td>
       ,几种常见的SEO作弊方法;  <td>盘算机系</td>
     </tr>
</table>

分享WEB标准的CSS细线表格样式

--> [网站建设之]分享WEB标准的CSS细线表格样式

代码如下:

在应用表格表示网页的数据时,咱们往往盼望表格的边框向Word里那样优雅地表现出细线。然而事实却是,网页设计出来的表格又粗鄙又丢脸,粗大的边框跟间 距让人立即发生出给其瘦身的激动。对很有审美感的设计师来说,这种丑恶的表格是不堪忍耐的,假如不能解决,那么设计师将彻夜难眠。还好,几个简单而且实用的网站设计技巧,我们有了品质上 乘的化装产品——CSS,俗称“样式表”,大名“层叠样式表”,曾用名“级联样式表”,英文名“Cascading Style Sheet”。其作用是把持HTML页面的布局和外观样式,使Web文档内容构造和表现情势分别。

Tag:表格   款式   尺度   分享    

 


(责任编辑:网站建设)
分享WEB标准的CSS细线表格样式相关文章
上一篇:分享html页面中不同链接的不同样式的css代码 下一篇:分享两个漂亮css的统计实例
回到顶部