建议在Firefox或Chrome中测试,在模拟器中预览。
【示例】
-
CSS
.btn { width: 80px; height: 80px; line-height: 80px; font-size: 62px; cursor: pointer; text-align: center; text-decoration:none; color: #a78252; background-color: #ddc390; border: 6px solid #ddc390; border-radius: 50%; box-shadow: inset 0 0 0 1px #d6b681, 0 1px, 0 2px, 0 3px, 0 4px; -webkit-transition: border-color .25s, background-color .25s; transition: border-color .25s, background-color .25s; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; } .btn:active { text-indent: 4px; }
-
HTML
<a href="#" class="btn">将</a>