html表单的创建和css的构成
生活随笔
收集整理的這篇文章主要介紹了
html表单的创建和css的构成
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
產品參數
<h2>LIFAair LA500參數表</h2><table><tr><td>測試數目</td><td>單位</td><td>數據</td></tr><tr><td>顆粒物CADR</td><td>m<sup>3</sup>/h</td><td>450</td></tr><tr><td>甲醛CADR</td><td>m<sup>3</sup>/h</td><td>137</td></tr><tr><td>顆粒物凈化能效</td><td>m<sup>3</sup>/hW</td><td>6.931</td></tr><tr><td>甲醛凈化能效</td><td>m<sup>3</sup>/hW</td><td>2.117</td></tr><tr><td>適用面積</td><td>m<sup>2</sup>/hW</td><td>32-54</td></tr><tr><td>待機功率</td><td>W</td><td>0.87</td></tr><tr><td>PM2.5去除率</td><td>%</td><td>>99.99(30min)</td></tr><tr><td>甲醛去除率</td><td>%</td><td>91.33(30min)98.75(3h)</td></tr><tr><td>除菌率(白葡)</td><td>%</td><td>99.99</td></tr></table><table><tr><td rowspan="4">有害物質釋放</td><td>臭氧濃度</td><td>mg/m<sup>3</sup></td><td>未檢出</td></tr><tr><td>TVOC</td><td>mg/m<sup>3</sup></td><td>0.003</td></tr><tr><td>PM10濃度</td><td>mg/m<sup>3</sup></td><td>0.002</td></tr><tr><td>紫外線強度</td><td>uW/cm<sup>3</sup></td><td>未檢出</td></tr></table><table><tr><td>產品重量</td><td>kg</td><td>14.65</td></tr><tr><td>主機尺寸</td><td>mm</td><td>直徑300 ×800</td></tr></table>
</div>'; table-info h1{
text-align: center;
font-family: "微軟雅黑";
font-weight: bold;
font-size: 20px;
padding-bottom: 20px; }
table-info h2{
font-size: 14px;
text-align: center;
font-family: "微軟雅黑";
font-weight: bold;
padding-bottom: 10px; }
table-info table {
text-align: center;
font-family: "微軟雅黑";
width: 100%;
border-left: 1px solid #ddd;
border-collapse: 0px;
border-spacing: 0px; }
table-info table tr td {
font-size: 1.1em;
padding: 0.5em;
color: #444;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd; }
table-info table:last-child {
border-bottom: 1px solid #ddd; }
table-info table tr:nth-child(odd) {
background-color: #eee; }
table-info table tr:nth-child(even) {
background-color: #fff; }
table-info table tr td sup{
font-size: 0.5em; }
轉載于:https://www.cnblogs.com/xiuxiu123/p/5122167.html
總結
以上是生活随笔為你收集整理的html表单的创建和css的构成的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [Asp.net 5] Options-
- 下一篇: javaweb学习总结(二十三)——js