关于css中的border-collapse_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 09:04:56
Original
1659 people have browsed it

这个属性以前并没有怎么接触过,该属性有两种1取值:separate 和 collapse
取值的含义具体如下:
separate:边框独立
collapse:相邻边被合并
举例如下:



    
    border-collapse
    


    
        
            
            
            
        
  
one two three

  
        
             
             
             
        
  
one two three



最后效果:


另外表格元素table使用border-radius是不一样的,当表格样式属性border-collapse是collapse时,表格不能正常显示,只有border-collapse属性值为separate时,表格圆角才能正常显示,如将上例的css样式改成如下的时候:
    
    则显示的结果是:


参考地址:

http://www.css88.com/book/css/properties/table/border-collapse.htm


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!