CSS可以讓表格中的文字豎排,實現獨特的排版效果,下面是具體實現方式:
/* 設置表格 */ table{ border-collapse:collapse;/* 合并邊框 */ } /* 設置表格單元格 */ td{ width:25px;/* 設置每個單元格的寬度 */ height:100px;/* 設置每個單元格的高度 */ text-align:center;/* 居中對齊 */ vertical-align:middle;/* 垂直對齊 */ border:1px solid #000;/* 線條樣式 */ } /* 讓文本豎排 */ td span{ display:inline-block;/* 設置內聯塊級元素,使文本豎排 */ writing-mode:tb-rl;/* 文本從上往下豎排 */ transform:rotate(180deg);/* 旋轉文本 */ margin-left:10px;/* 可以通過margin調整豎排后的位置 */ }
段落間可加入其他CSS樣式,制造出更加豐富的效果,使頁面更加美觀。
上一篇css 讓高等于寬
下一篇css 讓字體變得圓滑