[作业]NO7.网页色彩

admin 2人参与 0 次点击

[图片无法显示,进入淘宝首页 轮播右边的用户信息部分(网上有害信息举报专区 这个位子为止)]

作业要求:

1-分析规划写出对应的HTML框架

2-在你了解的css范围内,尽量吧结构做的更作业效果差不多

3-熟练使用背景来实现效果

    1 讨论 | 直到 2018-06-11 12:40:32
  • 郭郭
    1
    <style>
    *{ margin:0; padding:0; list-style:none; text-decoration:none;}
    .urse { width:290px; height:170px; margin:0; padding:0;}
    .urse1 { width:290px; height:145px; background-image:url(?)}
    .urse11 { margin:0 auto; width:50px; height:50px; border-radius:25px; background-image:url(http://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_50x50.jpg);}
    .urse1 p{ line-height:17px; color:#999; text-align:center;}
    .urse21 { margin:10px 10px 10px 10px; }
    .urse21 li{ width:100px; height:20px; border-radius:9px; background:#ffe4db; margin:0 10px;}
    .urse21 span{ color:#F40; font-size:9x;}
    .urse31 li{ width:90px; height:20px; border-radius:3px; background:#F40;margin:0 3px;}
    .urse2 { width:290px; height:25px; background-color:#ffe4dd;}
    .urse31 span{ color:#f4f4f4; font-size:9x; margin:0 auto;}
    .urse2 p{ color:#f40text-align:center;}
    .l { float:left;}
    </style>
    
    
    <div class="urse">
    	<div class="urse1">
    		<div>
    			<div class="urse11"></div>
    			<p>Hi!你好</p>
    		</div>
        <ul class="urse21">
    			<a href="#" target="_blank"><li class="l"><span>领淘金币抵</span></li></a>
    			<a href="#" target="_blank"><li class="l"><span>会员俱乐部</span></li></a>
    		</ul>
    		<ul class="urse31">
    			<a href="#" target="_blank"><li class="l"><span>登录</span></li></a>
    			<a href="#" target="_blank"><li class="l"><span>注册</span></li></a>
    			<a href="#" target="_blank"><li class="l"><span>开店</span></li></a>
    		</ul>
    	</div>
    	<div class="urse2"><a href="#" target="_blank"><p>网上有害信息举报专区</p></a></div>
    </div>
    

    [作业]NO7.网页色彩

    遇到问题:没找到背景图地址,图片精灵和文字结合不知道怎么做