Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer: 2016-06-21 09:04:56
original
1659 Les gens l'ont consulté

这个属性以前并没有怎么接触过,该属性有两种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


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!