老师,您好,背景颜色应该怎么设置,哪里不对

来源:5-4 编程练习

qq_可乐_68

2018-03-15 00:01:31

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

<title>CSS运用</title>

<style type="text/css">

  /*补充样式*/

   span{color:blue;}

   .gray{color:gray;}

   ul{color:green;}

div a{color:green;}

div a:hover{color:blue;}

ul li ol{color:red;} /*类名为green的ol标签中的ul中的元素设为红色*/

ul li ul{color:orange;]/*类名为green的li标签中的ul中的元素设为黄色*/

 /*设置类div1类选择器,权值为10。*/

  .div1{

  background-color:red;

  }

  /*设置标签div标签,权值为1。*/

  div{

  background-color:blue;

  font-weight:bold;

  font-size:30px;

  }

</style>

</head>

<body>

<div>慕课网</div>

<div class="div1">

    <div>

<p><span >HTML超文本标记语言</span>,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。</p>

<p class="gray">课程内容</p>

<ul ><!--定义一个class命名为:green-->

<li><a href="#">html基础标签</a>

<ol>

<li>段落标签</li>

<li>图像和超链接标签</li>

<li>列表标签</li>

</ol>

</li>

<li>html表格标签</li>

<li>html表单标签</li>

</ul>

</div>

<div>

<p><span>CSS层叠样式表</span>(Cascading Style Sheets),样式定义如何显示HTML元素。</p>

<p class="gray">课程内容</p>

<ul >

<li><a href="#">CSS基础语法</a></li>

<li>CSS使用方法

<ol>

<li>行内样式</li>

<li>内部样式</li>

<li>外部样式</li>

</ol>

</li>

<li>CSS选择器

<ul>

<li>ID选择器</li>

<li>class选择器</li>

<li>标签选择器</li>

</ul>

</li>

</ul>

</div>

</div>

<div>慕课网 只学有用的</div>

</body>

</html> 


写回答

1回答

怎么都被占用了呢

2018-03-15

背景颜色没有起作用,是因为下图标注的位置应该是一个结束的花括号,不是中括号哦

http://img.mukewang.com/climg/5aa9d1b70001f6e505160425.jpg

这导致了后面的代码没办法执行。

0
hq_可乐_68
h 非常感谢!
h018-03-15
共1条回复

0 学习 · 36712 问题

查看课程