Question

我有这个问题;我正在对生成表的Web应用程序进行一些修改。基本上我需要改变表的呈现方式，例如在上面添加圆角。

我有3个细胞

________________________
| cell 1 | cell 2 | cell 3 |
------------------

截至目前，我尝试做的是在单元格1和单元格3上使用类标签添加背景图像。单元格1是好的，唯一的问题是单元格3 ...因为图像卡在标签的左边。我尝试用text-align向右推，但显然这是错误的命令。我想知道如何将图像推到单元格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;}

任何想法都表示赞赏！

Answer 1

是关于背景图片，对吗？然后你应该能够使用背景位置属性..像：

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

Answer 2

最简单的方法是将表格包裹在DIV中，然后将该DIV赋予圆角。

HTML：

<div class="table_wrapper">

    <table>...</table>

</div>

CSS :(红色背景显示效果）

.table_wrapper { background:red; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; }
.table_wrapper table { width:100%; }

C＃css表（css重新设计）

2 个答案: