表格和表单css

180 阅读1分钟
隔行变色
鼠标划过变色
border-collapse:设置行与表格边距
        separate:边框独立(标准html)
        collapse:相邻边被合并
实例:
    background-color:transparent
    border:0px;

表单:背景颜色设置为透明transparent
    opacity:透明属性

表格:border-collapse(表格边框合并,cellapacing区别,单线显示)
使用语义化thead、tbody、tfoot,尽量不用th
tr:hover在老的浏览器不兼容(通常用js写)

表单:form本身属于块级,但不用form做块级处理,只用做功能
每一个控件模块在h4里外面用label包裹,在css中用display:block变为块级
文本控件(文本框,密码框一类):支持盒子模型,默认有边框,去掉边框:border:0px;
单选按钮和复选框只支持大小
option支持文本属性(font-size,color,background,font-weight),select与文本框属性相同
按钮类:按钮默认有边框,背景。支持盒子模型任意属性,支持文本。去掉背景色:background-color:transparen