如果只能操控css的话,这个背景中间那一条深灰色怎么去掉?

如果只能操控css的话,这个背景中间那一条深灰色怎么去掉?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
    <title>CSS运用</title>
    <style type="text/css">
       /*补充样式*/
    </style>
</head>
<body>
<div>慕课网</div>
<div>
<div>
        <p><span>HTML超文本标记语言</span>,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。</p>
        <p>课程内容</p>
        <ul>
            <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>课程内容</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>


正在回答

登陆购买课程后可参与讨论,去登陆

4回答

1、html代码设置class

http://img1.sycdn.imooc.com//climg/5c8def7b0001a21707780298.jpg

2、设置css样式

http://img1.sycdn.imooc.com//climg/5c8def9d0001612109070526.jpg

希望可以帮到你!

  • Rbit 提问者 #1
    你好,谢谢你的回答。我在遇到这个问题的时候是在学习css课程,作业可能希望我们只使用css去实现效果。所以麻烦您请帮我想一想是否有不操作下面body里面内容只添加修改style内容的方法来实现?谢谢
    2019-03-17 15:12:34
卡布琦诺 2019-03-17 15:22:45

如果同学不想修改html代码,只修改css代码的话,目前只能实现如下:

http://img1.sycdn.imooc.com//climg/5c8df56600010a9809510409.jpg

虽然效果上略有差异,但是目前只能通过这种方法实现了

希望可以帮到你!

  • 提问者 Rbit #1
    非常感谢!
    2019-03-17 15:46:49
提问者 Rbit 2019-03-17 08:27:27
div {background:#acacac; font-size:30px;}
	   body div div { background:#fcfcfc; font-size:15px;}
	   ul li {color:green;}
	   ul li ol li {color:red;}
	   ul li ul li {color:orange;}
	   a:link {color:green}
	   a:hover {color:blue;}


提问者 Rbit 2019-03-17 08:22:40

复制错了,我重新发一下

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师