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