Using css to operate Table has no outer frame but only inner frame
This article introduces the relevant knowledge of "using css to operate Table without outer frame but only inner frame". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!
Effect picture:
Implementation method:
The code is as follows:
Insert title here
Table {
Border-collapse: collapse
Border: 0px solid # 999
}
Table td {
Border-top: 0
Border-right: 1px solid # 999
Border-bottom: 1px solid # 999
Border-left: 0
}
Table tr.lastrow td {
Border-bottom: 0
}
Table tr td.lastCol {
Border-right: 0
}
Name
Age
Native place
Date of birth
Degree
Foreign language proficiency
one hundred and eleven
two hundred and twenty two
three hundred and thirty three
four hundred and forty four
five hundred and fifty five
six hundred and sixty six
11122
222111
333444
444555
555555
666777
The test passed!
This is the end of the content of "using css to operate Table with no outer frame, only inner frame". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!
