美化的表格样式

末蓝、 2023-01-13 15:52 196阅读 0赞

<html>   
<head>   
<title></title>   
<style type="text/css">   
body,table\{   
font-size:12px;   
\}   
table\{   
table-layout:fixed;   
empty-cells:show;   
border-collapse: collapse;   
margin:0 auto;   
\}   
td\{   
height:30px;   
\}   
h1,h2,h3\{   
font-size:12px;   
margin:0;   
padding:0;   
\}   
.table\{   
border:1px solid \#cad9ea;   
color:\#666;   
\}   
.table th \{   
background-repeat:repeat-x;   
height:30px;   
\}   
.table td,.table th\{   
border:1px solid \#cad9ea;   
padding:0 1em 0;   
\}   
.table tr.alter\{   
background-color:\#f5fafe;   
\}   
</style>   
</head>   
<body>   
<table width="90%" class="table">   
<tr>   
<th>学号</th>   
<th>姓名</th>   
<th>平时</th>   
<th>期中</th>   
<th>实验（践）</th>   
<th>其它</th>   
<th>期末</th>   
<th>总评</th>   
</tr>   
<tr>   
<td>1</td>   
<td>1</td>   
<td>1</td>   
<td>1</td>   
<td>1</td>   
<td>1</td>   
<td>1</td>   
<td>1</td>   
</tr>   
<tr class="alter">   
<td>2</td>   
<td>2</td>   
<td>2</td>   
<td>2</td>   
<td>2</td>   
<td>2</td>   
<td>2</td>   
<td>2</td>   
</tr>   
</table>   
</body>   
</html>

发表评论取消回复

表情：

评论列表（有 0 条评论，196人围观）

还没有评论，来说两句吧...

相关阅读

相关分享7款颜色的CSS表格样式美化网页表格用户体验

转载自：[https://www.laozuo.org/4631.html][https_www.laozuo.org_4631.html] 今天老左在浏览几个海外前端博客时

今天药忘吃喽~/ 2023年10月18日 19:19/ 0 赞/ 108 阅读

相关 input file 样式美化

input file 样式美化 [点击查看文件上传美化][Link 1][https://www.buruyouni.com/static/demo/%E6%96%87%E4

冷不防/ 2023年07月12日 14:25/ 0 赞/ 30 阅读

相关美化的表格样式

<html> <head> <title></title> <style type="text/css"> body,table\{ fo

末蓝、/ 2023年01月13日 15:52/ 0 赞/ 197 阅读

相关好看的表格样式

效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F

傷城~/ 2022年12月30日 08:26/ 0 赞/ 234 阅读

相关表格样式

表格样式 1.表格边框任务描述相关知识代码文件 2.表格颜色、文字与大小任务描述

ゝ一纸荒年。/ 2022年11月15日 11:49/ 0 赞/ 264 阅读

相关表格导出的样式

HSSFSheet sheet = workbook.createSheet(“sheetName”); //创建sheet sheet.setVerticallyCent

深藏阁楼爱情的钟/ 2022年06月09日 06:42/ 0 赞/ 280 阅读

相关美化input type="file"的样式

原理：将原来的样式隐藏，然后自己写css和js html部分： <div class="file-input"> <p class="input-container

- 日理万妓/ 2022年06月05日 12:54/ 0 赞/ 276 阅读

相关分享7款颜色的CSS表格样式美化网页表格用户体验

原文出处：[http://www.laozuo.org/4631.html][http_www.laozuo.org_4631.html] 老左并不是一名网页设计师，但是经常

小灰灰/ 2022年05月19日 10:26/ 0 赞/ 2179 阅读

相关 html checkbox样式美化

1.html写法 <label class="my_protocol"> <input class="input_agreement_protoc

水深无声/ 2022年04月18日 03:06/ 0 赞/ 505 阅读

相关表格样式

<style type="text/css"> table.datalist \{ border-collapse: collapse; border: non

红太狼/ 2022年04月14日 01:46/ 0 赞/ 408 阅读