代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2010-03-12 22:44:27
                            
                                188阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            .mytab{ border-collapse: collapse;}.mytab tr,.mytab td,.mytab th{ text-align: center; border: 1px solid #BBBBBB;}.mytab th{ background-color: #E6E6E6;}.mytab tr:hover{ background-color...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-03 17:31:35
                            
                                2180阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            本节我们来学习表格样式,通过 CSS 中的属性可以设置表格的外观,例如表格边框样式、颜色、间距等。设置表格边框之前我们讲 HTML 的使用讲过,在 HTML 中如果要设置表格的边框,可以使用 border 属性。而 CSS 中同样有一个 border 属性可以用来设置边框,上一节我们也有讲到这个属性,所以这里就不详细讲啦。示例:将下面这个表格的边框设置成1像素、实线、蓝色:<!DOCTYPE            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-02-25 17:32:41
                            
                                2476阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            table{  border-collapse: collapse;               //相邻边被合并   background-            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-07 09:38:01
                            
                                1143阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            table{  border-collapse: collapse;               //相邻边被合并   background-color: #cccccc;             //设置表格背景色  border-top: 1px solid #000000;        //设            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-27 16:13:58
                            
                                1261阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、CSS3圆角的优点
传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,而且还有其他多个优点:
  * 减少维护的工作量。图片文件的生成、更新、编写网页代码,这些工作都不再需要了。
  * 提高网页性能。由于不必再发出多余的HTTP请求,网页的载入速度将变快。
  * 增加视觉可靠性。某些情况下(网络拥堵、服务器出错、网速过慢等等            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2012-09-03 22:42:31
                            
                                616阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            a.Css表格属性可以帮助我们极大地改善表格的外观b.表格边框<table>
    <tr>
        <th>姓名</th>
                    
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2016-05-10 22:14:32
                            
                                958阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、表格的初步优化 index.html MyCss6.css 效果: 2、表格的进一步优化: index.html css: 效果:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-08-08 14:21:00
                            
                                986阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            CSS 圆角CSS 圆角通过 CSS border-radius 属性,可以实现任何元素的“圆角”样式。 CSS border-radius 属性定义元素角的半径。 提示:您可以使用此属性为元素添加圆角带有指定背景颜色的元素的圆角:带边框元素的圆角:带有背景图像的元素的圆角:提示:border-radius 属性实际上是以下属性的简写属性:border-top-left-radius
border            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-17 09:36:17
                            
                                111阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            圆角样式设置四个角的border-radius: 半径单独的设置每一个角的弧度border-Y轴位置英文-X轴位置英文-radius:半径补充四个角不一样的角度代码<style>        div{        width: 300px;        height: 300px;        background-color: red;...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-14 09:59:27
                            
                                337阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS 表格相关属性:http://www.w3school.com.cn/css/css_table.asp
制作漂亮的表格
http://www.w3school.com.cn/tiy/t.asp?f=csse_table_fancy
涉及问题:
(1)表格单边框border-collapse:collapse;(2)文字对齐 text-algin
(3)固定列宽非按内容显示tabl            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2012-09-25 22:31:23
                            
                                730阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如何设置HTML页面自适应宽度的table(表格)(一)
html
table
宽度自适应
WEB应用的页面,表格的表现形式是常常遇到的,在列数有限的前提下,如何将各列中的内容自适应到不同分辨率的屏幕,这应该是一个比较容易遇到的问题,下面就来谈一谈我对这类问题的解决与看法。
 
将所有列设置为固定宽度,显然是不能满足此类要求的,但是若把全部的列都设置为百分比,恐怕在某些尺寸,            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2011-10-21 07:49:12
                            
                                2680阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            色来模拟出圆角框的轮廓线。实例演示:http://www.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-11-25 15:28:00
                            
                                192阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            依照WEB2.0风格,设计了几个表格样式,希望大家喜欢。WEB2.0提倡使用div开布局,但不是要完全放弃使用表格,表格在数据展现方面还是不错的选择。现在使用介绍使用CSS样式表来控制、美化表格的方法。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-05-29 00:47:00
                            
                                701阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            根据WEB2.0风格,设计了几个表格样式,我希望你喜欢。WEB2.0推广使用div开放式布局。但并不是完全放弃使用形式,在数据表现形式而言是一个不错的选择。本节将介绍如何使用现在CSS样式表来控制、的方法。精美的表格样式大家好。CSS与表格的结合演示样例点击链接切换样式:t1t2t3网名博客电邮网络...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-06-20 09:13:00
                            
                                652阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            按照WEB2.0风格,设计了几个表格样式,希望大家喜欢。WEB2.0提倡使用div开布局,但不是要全然放弃使用表格,表格在数据展现方面还是不错的选择。如今使用介绍使用CSS样式表来控制、美化表格的方法。精美的表格样式大家好,CSS与表格的结合演示样例点击链接切换样式:t1t2t3网名博客电邮网络硬盘...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2014-10-13 13:19:00
                            
                                195阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            按照WEB2.0风格,设计了几个表格样式,希望大家喜欢。WEB2.0提倡使用div开布局,但不是要全然放弃使用表格,表格在数据展现方面还是不错的选择。如今使用介绍使用CSS样式表来控制、美化表格的方法。精美的表格样式大家好,CSS与表格的结合演示样例点击链接切换样式:t1t2t3网名博客电邮网络硬盘...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-03-03 14:35:00
                            
                                108阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            按照WEB2.0风格,设计了几个表格样式,希望大家喜欢。WEB2.0提倡使用div开布局,但不是要全然放弃使用表格,表格在数据展现方面还是不错的选择。如今使用介绍使用CSS样式表来控制、美化表格的方法。精美的表格样式大家好,CSS与表格的结合演示样例点击链接切换样式:t1t2t3网名博客电邮网络硬盘...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2014-06-24 09:24:00
                            
                                115阅读
                            
                                                                                    
                                2评论