zoukankan
html css js c++ java
设表格细钱
<%
@ Page Language
=
"
C#
"
AutoEventWireup
=
"
true
"
CodeBehind
=
"
TableThinLine.aspx.cs
"
Inherits
=
"
TSTAWebPrint.TableThinLine
"
%>
<!
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
runat
="server"
>
<
title
>
无标题页
</
title
>
<
style
type
="text/css"
>
#tb1
{
}
{
width
:
100%
;
border-left
:
#000000 solid 1px
;
border-top
:
#000000 solid 1px
;
border-collapse
:
collapse
;
}
#tb1 td
{
}
{
width
:
25%
;
border-right
:
#000000 solid 1px
;
border-bottom
:
#000000 solid 1px
;
padding
:
1px 1px 1px
;
}
</
style
>
<
script
language
="Javascript"
type
="text/javascript"
>
function
setTableSolid(tableId,borderColor)
{
var
tb
=
document.getElementById(tableId);
tb.style.borderLeft
=
borderColor
+
"
solid 1px
"
;
tb.style.borderTop
=
borderColor
+
"
solid 1px
"
;
tb.style.borderCollapse
=
"
collapse
"
;
var
trs
=
tb.rows.length;
for
(
var
i
=
0
;i
<
trs;i
++
)
{
var
tds
=
tb.rows[i].cells.length;
for
(
var
j
=
0
;j
<
tds;j
++
)
{
var
td
=
tb.rows[i].cells[j];
td.style.borderRight
=
borderColor
+
"
solid 1px
"
;
td.style.borderBottom
=
borderColor
+
"
solid 1px
"
;
td.style.padding
=
"
1px 1px 1px
"
;
}
}
}
</
script
>
</
head
>
<
body
onload
="setTableSolid('tb','#17e1ff')"
>
<
form
id
="form1"
runat
="server"
>
<
div
>
<
table
id
="tb"
>
<
tr
>
<
td
style
=" 100px"
>
AA
</
td
>
<
td
style
=" 100px"
>
BB
</
td
>
<
td
style
=" 100px"
>
CC
</
td
>
</
tr
>
<
tr
>
<
td
style
=" 100px; height: 21px"
>
DD
</
td
>
<
td
style
=" 100px; height: 21px"
>
EE
</
td
>
<
td
style
=" 100px; height: 21px"
>
FF
</
td
>
</
tr
>
<
tr
>
<
td
style
=" 100px; height: 21px;"
>
GG
</
td
>
<
td
style
=" 100px; height: 21px;"
>
JJ
</
td
>
<
td
style
=" 100px; height: 21px;"
>
HH
</
td
>
</
tr
>
</
table
>
<
br
/>
<
br
/>
<
br
/>
<
br
/>
<
br
/>
<
table
id
="tb1"
>
<
tr
>
<
td
style
=" 100px; height: 21px"
>
1
</
td
>
<
td
style
=" 100px; height: 21px"
>
2
</
td
>
<
td
style
=" 100px; height: 21px"
>
3
</
td
>
</
tr
>
<
tr
>
<
td
style
=" 100px; height: 21px"
>
4
</
td
>
<
td
style
=" 100px; height: 21px"
>
5
</
td
>
<
td
style
=" 100px; height: 21px"
>
6
</
td
>
</
tr
>
<
tr
>
<
td
style
=" 100px"
>
7
</
td
>
<
td
style
=" 100px"
>
8
</
td
>
<
td
style
=" 100px"
>
9
</
td
>
</
tr
>
<
tr
>
<
td
style
=" 100px"
>
10
</
td
>
<
td
style
=" 100px"
>
11
</
td
>
<
td
style
=" 100px"
>
12
</
td
>
</
tr
>
</
table
>
</
div
>
</
form
>
</
body
>
</
html
>
查看全文
相关阅读:
H5C3--transform实现任何元素居中对齐
H5C3--过渡transition
H5C3--background中cover,背景样式,提升响应区域+精灵图的使用
SpringBoot之spring.factories
浅谈常用数据结构
浅谈常用排序
JAVA性能优化总结
ORACLE10G非归档模式下RMAN异机迁库
ORACLE10G非归档模式下异机迁库(文件迁移)
HNOI 米特运输
原文地址:https://www.cnblogs.com/jacklong/p/1229084.html
最新文章
网络爬虫-爬取微博热门话题前15个
等价类划分法
常用的测试用例设计方法
【转】cookie和session的区别
前端项目中接口的抽象分类以及接口管理工具开发
管理者对象模式
Vue数据驱动页面思路
JavaScript对象拷贝浅谈
使用Vue封装EChart图表组件的经验谈
Vue项目中组件划分个人经验以及高可用组件的一些想法
热门文章
微信小程序免费Https获取以及Ubuntu Nginx配置
微信数据库破解过程记录
git HEAD detached from origin 问题的解决
Three.js里自定义顶点构建三角形面的朝向问题
H5C3--媒体查询(向上兼容,向下覆盖),link中引入的ont and only
前端插件--swiper.js
前端插件--swipe.js
前端插件--isCroll的使用
bootstrap--响应式框架页面环境配置
CSS--去除除文本基线的几种方式
Copyright © 2011-2022 走看看