老师 这个圈出来的地方实现不了。麻烦给讲解下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS运用</title>
<style type="text/css">
/*补充样式*/
.colorblue {color: blue;}
ul li{color:green;}
.ul1 ol li,.ul2 ol li{color: red;}
/*.ul2 li ul li{color: orange;}*/
#colororange {color: orange;}
.ul1 li a:hover,.ul2 li a:hover {color:blue;}
</style>
</head>
<body>
<div style="background-color:gray;font-size:24px;height: auto; width: 100%">慕课网</div>
<div style="background-color: #cdcbcb">
<div>
<p><span class="colorblue">HTML超文本标记语言</span>，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</p>
<p style="color: gray">课程内容</p>
<ul class="ul1">
<li><a href="#" style="color: green">html基础标签</a>
<ol>
<li>段落标签</li>
<li>图像和超链接标签</li>
<li>列表标签</li>
</ol>
</li>
<li>html表格标签</li>
<li>html表单标签</li>
</ul>
</div>
<div>
<p><span class="colorblue">CSS层叠样式表</span>(Cascading Style Sheets),样式定义如何显示HTML元素。</p>
<p style="color: gray">课程内容</p>
<ul class="ul2">
<li><a href="#" style="color: green">CSS基础语法</a></li>
<li>CSS使用方法
<ol>
<li>行内样式</li>
<li>内部样式</li>
<li>外部样式</li>
</ol>
</li>
<li>CSS选择器
<ul id="colororange">
<li>ID选择器</li>
<li>class选择器</li>
<li>标签选择器</li>
</ul>
</li>
</ul>
</div>
</div>
<div style="background-color:gray;font-size:24px;height: auto; width: 100%">慕课网 只学有用的</div>
</body>
</html>0
收起
正在回答 回答被采纳积分+1
2回答
相似问题
不得不吐槽下这个案例的讲解思路
97
1
8
给讲这节课的老师点赞
10
2
3
老师,麻烦帮帮我,找了很久也没解决的问题!
0
0
4
麻烦老师检查一下
0
0
4
老师，函数调用过程麻烦讲下，没搞明白
40
0
10
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星