CSS中常用的属性.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css"> 
    #dv
    {
        width:auto;
        border:1px solid red;
        }
        div
        {
            cursor:pointer;
            font-family:@黑体 ;
            background:green;
            color:Blue;
            }
            .cls
            {
                height:auto;
                background-color:Orange;
                
                }
                
                
            .cls1
            {
                cursor:pointer;
                color:Gray;
                 background-color :Purple;
                
                }
             .cls2
             {
                 background-color :transparent;
             }
             #dv1
             {
                 background-color:Aqua ;
             }
             div1
             {
                 width:auto;
                 height:auto;
                 background-color:Red !important;
                 }
    
    </style>


</head>
<body>


    <div style="width:inherit; background-color :Gray ; height:auto; color:Aqua ; ">  
        <input type="button" name="button_1" value="请点击我" />
    
        曾经我很纯洁,但是因为老马,我变得开始邪恶。
        <ul style="list-style-type:none; padding:10px;">
            <li>老马</li>
             <li>老黄</li>
             <li>老牛</li>
             <li>老苏</li>
             <li>老杨</li>
             <li>小杨</li>
             <li>孙坤</li> 
             <li>杨中科</li>
             <li>牛亮亮</li>
             <li>老韩</li>
        </ul>


        <table border="1"  style=" width:200px; height:100;">
            <tr>
                <td>内蒙古
                </td>
                 <td>包头
                </td>
                 <td>呼和浩特
                </td>
                 <td>巴彦淖尔
                </td>
                 <td>呼伦贝尔
                </td>
                 <td>锡林郭勒
                </td>
            </tr>
             <tr>
                <td>内蒙古
                </td>
                 <td>包头
                </td>
                 <td>呼和浩特
                </td>
                 <td>巴彦淖尔
                </td>
                 <td>呼伦贝尔
                </td>
                 <td>锡林郭勒
                </td>


            </tr>
             <tr>
                <td>内蒙古
                </td>
                 <td>包头
                </td>
                 <td>呼和浩特
                </td>
                 <td>巴彦淖尔
                </td>
                 <td>呼伦贝尔
                </td>
                 <td>锡林郭勒
                </td>
            </tr>
             <tr>
                <td>内蒙古
                </td>
                 <td>包头
                </td>
                 <td>呼和浩特
                </td>
                 <td>巴彦淖尔
                </td>
                 <td>呼伦贝尔
                </td>
                 <td>锡林郭勒
                </td>
            </tr>
        </table>
    </div>
    <div id="dv">
    老马很有才,文能提笔控萝莉。
    </div>
    <div class="cls">
    老马看到老苏在洗澡,脱了裤子往里跑。
    </div>


    <div>
    老马看到老苏在洗澡,脱了裤子往里跑。
    </div>


     <div id="Div1">
    老马很有才,文能提笔控萝莉。
    </div>
    <div class="cls1">
    老马看到老苏在洗澡,脱了裤子往里跑。
    </div>


    <div class=" cls2">
    老马看到老苏在洗澡,脱了裤子往里跑。
    </div>
    
        <input  class="cls" type="button" name="button_2" value="我是控件" />
        <input type="text" name="text_1" value="我是文本框" />
        <a href="http://www.itcast.cn">传智播客</a>
    
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值