CSS样式总结

竖线虚线：<div style="border-left: 1px dashed #f00;height:80%;line-height:1px; margin-left:50px;"></div>

横线虚线：<div style=" border-bottom: 1px dashed #f00;width:95%;line-height:1px; margin:20px 0 0 0"></div>

 

设置span标签中的文字居中：<span style="display:inline-block;vertical-align: middle">(客户买入)</span> 表示在父元素的居中位置

vertical-align 属性设置元素的垂直对齐方式。

画一个虚线的矩形Css样式：

<div style="width:70%;height:200px;border: 3px dashed #f00;padding-left:40px;padding-right:40px;">

 

文本域textArea去除边框：style="border:0;outline:none;"

 

给表格设置行高

border-collapse属性加上border-spacing属性就可以设置tr行间距

<table style="border-collapse:separate; border-spacing:0px 10px;">
   <tr>
    <td>那片笑声躺我想起我的那些花儿</td>
   </tr>
   <tr>
    <td>在我生命每个角落静静为我开着</td>
   </tr>
</table>