这样写正确的吗?总感觉哪里有点问题,麻烦老师帮忙看看,谢谢!

这样写正确的吗?总感觉哪里有点问题,麻烦老师帮忙看看,谢谢!

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>background属性</title>

    <style type="text/css">

        div{width:800px;height:600px;

        padding:20px;

            background:url('http://img1.sycdn.imooc.com/climg//582c39c00001091605000150.jpg') no-repeat center center;

            border: 20px solid rgba(255, 0, 0, .25);

            background-size:90%;

            background-origin:border-box;

       text-align:center; }

    </style>

</head>

<body>

    <div><strong>慕课网(IMOOC)国内做大的IT技能学习平台</strong></div>

</body>

</html>


正在回答

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

1回答

你好,文字的加粗通过样式来设置,<strong>标签可省略。

1. 背景图像从元素的内容框开始绘制所以应该是background-origin:content-box; 

2. 图片靠下方显示,所以应该是background:url('http://img1.sycdn.imooc.com/climg//582c39c00001091605000150.jpg') no-repeat center bottom;

3. 因为图片大小,没有width:800px;height:600px; 的大 ,根据效果图所以设小点:比如 width:400px;height:200px;

希望对你有帮助,祝学习愉快,欢迎采纳。

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

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

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

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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