C#css表格(css重新设计)

C#css表格(css重新设计),c#,css,css-tables,C#,Css,Css Tables,我有这个问题,;我目前正在对生成表的web应用程序进行一些修改。基本上,我需要更改表格的显示方式,例如在其上添加圆角 我有3个牢房 ________________________ | cell 1 | cell 2 | cell 3 | ------------------ 到目前为止,我尝试在单元格1和单元格3上使用class标记添加背景图像。单元格1很好,唯一的问题是单元格3。。。因为图像被粘贴在标签的左侧。我试着用文本对齐将其向右推,但显然这是错误的命令。我想知道如何将图像推到第3单元

我有这个问题,;我目前正在对生成表的web应用程序进行一些修改。基本上,我需要更改表格的显示方式,例如在其上添加圆角

我有3个牢房

________________________
| cell 1 | cell 2 | cell 3 |
------------------
到目前为止,我尝试在单元格1和单元格3上使用class标记添加背景图像。单元格1很好,唯一的问题是单元格3。。。因为图像被粘贴在标签的左侧。我试着用文本对齐将其向右推,但显然这是错误的命令。我想知道如何将图像推到第3单元的右侧

.table{position: relative; bacground:#ffffff; border:0px; border-collapse: collapse;}
.cell1, .cell3 {position:relative; height:40px; width:50; margin-bottom:-1}
.cell2 {width: 100px;}
.cell1{background: url(/imageleft.gif) no-repeat #ffffff;}
.cell2{background: url(/imageright.gif) no-repeat #ffffff; text-align: right;}

任何想法都很感激

最简单的方法是把桌子包成一个DIV,然后给这个DIV圆角

HTML:


是关于背景图像的,对吗?然后您应该能够使用“背景位置”属性。。比如:

.cell3 {background: url(/imageleft.gif) no-repeat #ffffff top right;}

嗯,我试着给每一行一个圆角。所以基本上所有的事情。
.table_wrapper { background:red; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; }
.table_wrapper table { width:100%; }
.cell3 {background: url(/imageleft.gif) no-repeat #ffffff top right;}