正在回答 回答被采纳积分+1
同学你好,老师写了一个简单的实现思路,同学可以结合下图代码注释测试理解,根据你要实现的实际效果图,适当调整下元素的细节样式即可。
1 | <!DOCTYPE html><br><html lang= "en" ><br><br><head><br><meta charset= "UTF-8" ><br><meta http-equiv= "X-UA-Compatible" content= "IE=edge" ><br><meta name= "viewport" content= "width=device-width, initial-scale=1.0" ><br><title>Document</title><br><style><br>a {<br> /* 设置文字颜色 */ <br>color: #333;<br>/* 去掉默认的下划线 */<br>text-decoration: none;<br>}<br>/* 设置外层盒子样式 */<br>.wrap {<br>width: 200px;<br>padding: 20px;<br>border-radius: 6px;<br>box-shadow: 0 0 10px orange;<br>background: #fff;<br>}<br><br>.pic {<br>/* 图片左浮动 */<br>float: left;<br>/* 设置宽高 */<br>width: 80px;<br>height: 80px;<br>/* 调整与右侧文字的空白间距 */<br>margin-right: 5px;<br>/* 文字水平居中 */<br>text-align: center;<br>/* 文字垂直居中 */<br>line-height: 80px;<br>/* 设置文字样式 */<br>font-size: 22px;<br>color: red;<br>/* 设置圆角 */<br>border-radius: 50%;<br>/* 将图片替换了即可 */<br>background: url('./test.png') no-repeat center;<br>/* 设置图片大小 */<br>background-size: 100% 100%;<br>}<br></style><br></head><br><br><body><br><a href="跳转的地址"><br><div class="wrap"><br><div class="pic">测试</div><br><p>在线度多功能测试题</p><br></div><br></a><br></body><br><br></html><br> |
本站的教学服务只包含站内视频内容问题解答、站内习题问题解答、站内作业问题解答、站内测试题问题解答以及站内产品使用问题解答。
同学现在还刚入门,掌握的技术还不够全面,基础相对比较薄弱,不适合扩展课外练习。建议同学自行完成与自身能力相匹配的拓展练习。并且合理安排时间,把学习的重点放在课程内容本身。打好基础,再去做这个练习,就会更容易理解,轻松独立完成了。
本次老师破例为同学讲解一下思路,下不为例哦。
祝学习愉快~
同学你好,对于你的问题解答如下:
1、可能有些视频课程和练习题课程的前面没有出现绿色图标,说明该节课程没有按照要求完成(比如:视频虽然看完了,但可能倍速调的太快或者跳着看等原因,导致学习时间不够,系统会认为没有完成)。另外,对于一些图文节的课程也有规定的学习时间。
如下图:前面显示绿色图标的才会被统计到学习进度中,灰色图标就不会被统计到学习进度中。
所以建议同学不用太纠结学习进度的问题,保证把每一章节的内容学会就可以了
2、建议同学先将课程中讲解的案例和习题多练几遍,熟练掌握课程的所有知识点,再去做课外练习,这样对同学会更有帮助哦,另外,模仿网站的话,遇到不知道怎么写的情况下,可以打开控制台通过检查元素,查看别人的网站是怎么写的,模仿一下实现效果哦。
以慕课网官网为例,选中logo查看logo的样式,如下:
祝学习愉快~
相似问题
登录后可查看更多问答,登录/注册
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧