如何用css控制按钮的样式，能实现在按钮上任意书写文字的效果更好

html-css020

如何用css控制按钮的样式，能实现在按钮上任意书写文字的效果更好,第1张

#bo1

{margin-top:1pxborder-left:1px

solid

#555555border-right:1px

solid

#555555border-top:1px

solid

#555555line-height:26pxbackground-color:#999999color:#ff0000font-size:18pxfont-family:隶书}

用border

及solid设置过框。再用background-color设置背景，同时用color设置字体颜色。font-family设置字体。用margin定位好，就可以了

CSS中宽度和高度分别可以通过width和height实现，那么对于单元格的宽度和高度，则可以通过如下样式来设置

td{ width:100px height:50px} /*设置单元格宽度100px，高度50px*/

示例如下：

给出HTML元素

<table>

<tr><td>1</td><td>2</td><td>345</td></tr>

<tr><td>6789</td><td>10</td><td>11</td></tr>

</table>

设置单元格高度和宽度样式

table{border-collapse:collapse}

td{

border: 1px solid green /*边框*/

width:100px             /*单元格宽度*/

height:50px             /*单元格高度*/

text-align:center       /*单元格文字居中对齐*/

}

效果如下