这样写正确的吗?总感觉哪里有点问题,麻烦老师帮忙看看,谢谢!
<!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>
正在回答
你好,文字的加粗通过样式来设置,<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;
希望对你有帮助,祝学习愉快,欢迎采纳。
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星