Shulou(Shulou.com)05/31 Report--

This article mainly explains "how to make table style in HTML5". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "how to make table styles with HTML5".

Effect picture

The specific code is as follows:

Form * {margin: 0; padding: 0;} body {font: italic 20px Georgia, serif; letter-spacing: normal; background-color: # f0f0f0;} # content {width: 750px; padding: 40px; margin: 0 auto Background-color: # fff; border-left: 30px solid # 1D81B6; border-right: 1px solid # ddd; box-shadow: 0px 0px 16px # aaa;} # table1 {font: bold 16px/1.4em "Trebuchet MS", sans-serif;} # table1 thead th {padding: 15px; border: 1px solid # 93CE37 Border-bottom: 3px solid # 9ED929; text-shadow: 1px 1px 1px # 568F23; color: # fff; background-color: # 9DD929; border-radius: 5px 5px 0px 0px;} # table1 thead th:empty {background-color: transparent; border: none } # table1 tbody th {padding: 0px 10px; border: 1px solid # 93CE37; border-right: 3px solid # 9ED929; text-shadow: 1px 1px 1px # 568F23; color: # 666; background-color: # 9DD929; border-radius: 5px 0px 0px 5px } # table1 tbody td {padding: 10px; border: 2px solid # E7EFE0; text-align: center; text-shadow: 1px 1px 1px # fff; color: # 666; background-color: # DEF3CA; border-radius: 2px } # table1 tbody span.check::before {content: url (images/check0.png);} # table1 tfoot td {padding: 10px 0px; font-size: 32px; color: # 9CD009; text-align: center; text-shadow: 1px 1px 1px # 444 } Smart Starter Smart Medium Smart Business Smart Deluxe Price per month $2.90 $5.90 Storage Space 512MB 1 GB 2 GB 4 GB Bandwidth 50 GB 100 GB 150 GB unlimited Mysql Databases unlimited Setup 12.90 _ FCKpd___0lt / td > 12.90 _ _ FCKpd___0lt / td > free free PHP 5 Ruby on Rails To this point I believe that you have a deeper understanding of "HTML5 how to make table style", might as well come to the actual operation of it! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.