简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

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

WBOY
Release： 2016-06-21 09:04:56
Original
1658 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：
关于css中的border-collapse
source：php.cn
Previous article：网站导航栏有下拉菜单，但是下拉菜单出现后会把下面的内容顶下去，这个怎么办？求大神_html/css_WEB-ITnose Next article：css relayout repaint导致ios下的bug_html/css_WEB-ITnose
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
Latest Articles by Author
Latest Issues
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1335
What are the best practices for displaying version information in web applications? I'm developing a web application. What are the best practices for displaying version infor...
From 2024-04-06 19:13:16
0
2
476
Vertically rotated table title, centered + bottom aligned, cross-browser I have a table with rotated headers that looks as expected in Chrome, but not in Firefox. ...
From 2024-04-04 16:45:25
0
1
330
Difficulty positioning divs I want to position a div relative to other elements on the page. This is the initial CSS: ...
From 2024-04-04 12:14:58
0
1
380
Why can't I call my css hyperlink style class from html code? I want to create multiple classes for hyperlink styles. I want a default class as well as ...
From 2024-04-04 11:20:16
0
2
306
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
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！