如何改变边框设计

时间:2010-10-11 14:02:32

标签: html border

是否可以更改边框设计...抱歉,我点击了发送按钮

<html>
    <table border="1">
        <tr>
            <td style="padding-left:5px;padding-bottom:3px;">
                <strong style="font-size:12px;">Test A : <br/></strong>
                Test1 
            </td>
            <td style="padding-left: 5px; padding-bottom:3px; padding-top:4px;"> 
                <strong style="font-size:12px;">Test B:<br/></strong>
                Test2 <br/>     
            </td>
        </tr>
        <tr>
            <td style="padding-left:5px;padding-bottom:3px;">
                <strong style="font-size:12px;">Test A : <br/></strong>
                Test1 
            </td>
            <td style="padding-left: 5px; padding-bottom:3px; padding-top:4px;"> 
                <strong style="font-size:12px;">Test B:<br/></strong>
                Test2 <br/>     
            </td>
        </tr>
    </table>
</html>

2 个答案:

答案 0 :(得分:2)

尝试使用CSS设置表格样式......

摆脱桌面上的border =“1”属性并尝试类似:

<style>
    table {border: dashed 1px red}
</style>

您还可以设置表格的子元素的样式:

<style>
    table {border: dashed 1px red;}
    td {border: solid 2px blue;}
</style>

答案 1 :(得分:1)

无法在帖子中看到任何问题,但根据标题:是的,有不同的边框设计,请查看this。对于一个表,你可以用css做这样的事情:

table{
  border 1px solid #000;
  border-collapse: collapse; // for don't having double-lined borders between table-cells
}
table td{
  border: 1px solid #000;
}