* { border: 0; margin: 0; padding: 0; font-weight: normal; vertical-align: middle;} body { font-family: Verdana, sans-serif; font-size: 12px; margin: 0 auto; padding: 10px; width: 980px;} h1, h2, h3, h4 { font-weight: bold;} h1 { font-size: 18px;} h2 { font-size: 16px;} h3 { font-size: 14px;} h4 { font-size: 12px;} a,a:before,a:after { color: blue; text-decoration: underline;} a:hover { color: red;} input, select, textarea, button { font-family: inherit; font-size: 12px; outline: none;} textarea { resize: none; overflow-y: auto;} select { border: 1px solid #CCC; height: 30px; padding: 5px; width: 212px;} input[type="text"] { height: 18px;} input[type="text"],input[type="password"],textarea { border: 1px solid #CCC; padding: 5px; width: 200px;} input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus { border-color: #000;} input[type="file"] { border: 1px solid #CCC; padding: 3px 3px 4px 3px;} button { background-color: #EEE; border: 1px solid #CCC; cursor: pointer; height: 30px; padding: 5px; min-width: 30px;} button:hover:not(:disabled) { background-color: #DDD;} *:disabled { background-color: #FFF; cursor: not-allowed !important; opacity: 0.5;} .css-form { border: 1px solid #CCC;} .css-form-header { border-bottom: 1px solid #CCC; clear: both; height: 17px; padding: 10px;} .css-form-row { padding: 10px 20px;} .css-form-row label { cursor: pointer; float: left; padding-top: 8px; width: 100px;} .css-form-footer { border-top: 1px solid #CCC; padding: 10px;} .css-table { border: 1px solid #CCC; border-collapse: collapse; width: 100%; margin-bottom: 10px;} .css-table thead tr td { border-bottom: 1px solid #CCC; padding: 10px;} .css-table tbody tr:hover { background-color: #EEE;} .css-table tbody tr td { padding: 10px;} .css-panel { border: 1px solid #CCC;} .css-panel-header { border-bottom: 1px solid #CCC; clear: both; height: 17px; padding: 10px;} .css-panel-content { clear: both; padding: 10px 10px 0 10px;} .css-left { float: left;} .css-right { float: right;} .css-row { clear: both; height: 30px; margin-bottom: 10px;} .css-row a { line-height: 30px;} .css-search { display: table;} .css-search-button { display: table-cell;} .css-search-button button { border-left: none; height: 30px;} .css-width-10 { width: 10px !important;} .css-width-25 { width: 25px !important;} .css-width-50 { width: 50px !important;} .css-width-75 { width: 75px !important;} .css-width-100 { width: 100px !important;} .css-blank-10 { display: inline-block; width: 10px;} .css-text-center { text-align: center;} .css-button-group { border: 1px solid #CCC; display: inline-block; padding-left: 5px;} .css-button-group button { border: 1px solid transparent; margin-left: -5px; width: 30px; /* IE9 */}
示例一:列表
Product List
示例二:表单