您好,欢迎访问本站博客!登录后台查看权限
  • 转载文章需要注意是否有转载标识,未经允许谢绝转载
  • 发贴请联系站长提权

第三课作业-面包超人

作业 adminXiongmao 2019-08-15 65 次浏览 0个评论
网站分享代码

Demo效果图:


image.png


作业要求:使用html和CSS代码写出此效果。

提示:border-style:样式 样式 样式 样式;可以设置各个边的边框样式,none为无边框。

Demo参数(可不按照此参数):

以下参数均为标签参数,而非实际可以看到的参数,因为会有隐藏边框等操作。

        边框宽度均为3px


        头部整体:    

                        宽:350px    高:300px    脸部颜色 rgb(1255, 148, 94)    

        眉毛标签:

                        宽:70px      高:90px       

        眼睛标签:

                        宽:30px      高:50px

        鼻子标签:

                        宽:80px      高:70px       鼻子颜色 rgb(254, 43, 17) 

        脸颊标签:

                        宽:80px      高:90px       脸颊颜色 rgb(254, 82, 60)

        脸颊亮块标签:

                        宽:10px      高:10px       亮块颜色 rgb(255, 236, 237)

        嘴巴标签:

                        宽:130px    高:40px      


主要使用到的css样式:

width

height

border

border-style

border-radius

margin

display

background

已有 65 位网友参与,快来吐槽:

发表评论

分享:

支付宝

微信

站点统计