用HTML制作表单表格能学到什么,网页制作学习：三种表格效果_html

li实现表格的效果

ul{display:inline;}

li{

list-style-type:none;

float:left;

width:190px;

height:22px;

text-align:left;

text-indent:4px;

border:#3A8B3E 1px solid;

}

• A
• B
• C
• D
• E
• F
• G
• H

效果如下图：

css实现圆角表格的效果

div#nifty{ margin: 0 10%;background: #9BD1FA}

p {padding:10px}

div.rtop, div.rbottom{display:block;background: #FFF}

div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #9BD1FA}

div.r1{margin: 0 5px}

div.r2{margin: 0 3px}

div.r3{margin: 0 2px}

div.rtop div.r4, div.rbottom div.r4{margin: 0 1px;height: 2px}

Junstudio Blog

css实现圆角表格的效果

效果如下图：

TABLE实现圆角表格的效果

Junstudio Blog TABLE实现圆角表格的效果

效果如下图：

欢迎大家阅读《网页制作学习：三种表格效果_html》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网(gaodaima.com)提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权

转载请注明原文链接：网页制作学习：三种表格效果_html