前一段時(shí)間,有朋友和我說使用vfilm主題后,在WordPress文章里面插入表格無(wú)法顯示表框,這確實(shí)是蘇醒的疏忽。把這東西忘掉了。畢竟如果作為博客來說,插入表格還是比較少用的。所以也就沒添加進(jìn)去。
今天,給大家說下,如果你現(xiàn)在使用的主題里面也出現(xiàn)同樣的情況,插入表格時(shí),無(wú)法顯示表框。那么可以按照以下方式為你的主題進(jìn)行添加。
第一步:把表框css插入到你的主題的style.css中。
.table{width:100%;border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;margin-bottom:20px} .table th{text-align:center;background-color:#f6f5f2;font-weight:normal} .table td,.table th{text-align:center;padding:10px 15px;font-size:14px;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}
第二步,你可以使用word文檔,把你需要的表格編輯好,
第三步:直接復(fù)制粘貼到你的文章里面去。
注意要在可視化
模式下添加
第四步:給表格添加css樣式標(biāo)簽
切換到文本模式,給table添加一個(gè)樣式class="table"
最終效果
當(dāng)然,你也可以根據(jù)自己的需要,對(duì)css進(jìn)行一定的美化,讓表格的樣式更豐富,更美觀。