這篇文章主要介紹css表格字間距如何調整,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供南木林網(wǎng)站建設、南木林做網(wǎng)站、南木林網(wǎng)站設計、南木林網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、南木林企業(yè)網(wǎng)站模板建站服務,十余年南木林做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡服務。
在css中,可以利用“l(fā)etter-spacing”屬性設置表格的字間距,該屬性的作用就是增加或減少字符間的間距,只需要給表格元素添加“l(fā)etter-spacing:間距值;”樣式即可。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css中,可以利用letter-spacing屬性來調表格字間距,letter-spacing屬性用于設置字間距的大小。
下面我們通過示例來看一下怎樣調表格字間距,示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <style> table{ letter-spacing:10px; } </style> <table border="1"> <tr> <th>好好學習</th> <th>天天向上</th> </tr> <tr> <td>福如東海</td> <td>壽比南山</td> </tr> </table> </body> </html>
輸出結果:
以上是“css表格字間距如何調整”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
當前題目:css表格字間距如何調整
網(wǎng)站鏈接:http://chinadenli.net/article16/gppdgg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、網(wǎng)站改版、Google、商城網(wǎng)站、做網(wǎng)站、面包屑導航
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)