博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css——简单模版
阅读量:7097 次
发布时间:2019-06-28

本文共 3649 字,大约阅读时间需要 12 分钟。

hot3.png

* {    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

                
            
New Product                
        
            
                
                    
                        
                        
                            
Search                                                                                    
                
                            
                                                Product Type                    Product Name                    Product Code                    Price                    Description                    
Action                                                    

示例二:表单

    
        

Create Product

        
        
Product Type:        
            
            
Mobile Phone            
Tablet Computer                
        
Product Name:        
        
        
Product Code:        
        
        
Price:        
        
        
Description:        
        
        
Submit        
Cancel    

转载于:https://my.oschina.net/huangcongcong/blog/512966

你可能感兴趣的文章
判断一个坐标点是否在不规则多边形内部的算法
查看>>
10个优秀的 HTML5 & CSS3 下拉菜单制作教程
查看>>
【转】【Asp.Net】Asp.net发送邮件的两种方法小结
查看>>
ACM进阶计划
查看>>
GitHub
查看>>
嘿嘿,今天学习啦数据检索啦
查看>>
linux网络相关配置文件
查看>>
敏捷开发(十一)- Scrum Sprint评审会议
查看>>
UED
查看>>
Hello World 之 控制台版本(Console Application)
查看>>
linux下nginx+php+mysql 自助环境搭建
查看>>
udp通信
查看>>
国家模式c++
查看>>
假设动态运行java文字,当在脚本式配置,这是非常方便的
查看>>
android4.0 的图库Gallery2代码分析(三) 之Applition的初始化准备
查看>>
SOM自组织映射网络 教程
查看>>
lintcode:寻找旋转排序数组中的最小值 II
查看>>
maven项目配置Jetty服务器
查看>>
树莓派学习笔记——交叉编译练习之SQLite3安装
查看>>
android stuido build 慢的解决办法
查看>>