第1关CSS背景关的概念

DACAD

第2关CSS-背景色的设置

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>CSS-背景色的设置</title><style type="text/css">h2{font:微软雅黑;text-align:center;}    #p1{font-size:13px;color:#979797;text-align:center;}hr{border:1px solid #CCCCCC;} #p2{text-indent:2em;}span{color:blue;}.background{/* ********* Begin ********* */ background-color:#add;/* ********* End ********* */}</style>
</head>
<body class="background"><div class="backgroundImage"><h2>新媒体的大势所趋</h2><p id=p1>更新时间：2021年11月30日14时08分 来源：<span>开源社区</span></p><hr size="2" color="#CCCCCC" /><p id=p2>近年来，随着<span>移动互联网</span>的火爆，公众号、微博、今日头条、抖音等一大批社交平台的火爆带动了新媒体运营行业的发展，运营人在企业中的价值也不断的被放大和受到重视，很多企业在做线上这块时都会考虑<span>“两微一抖”</span>，也就是我们所说的新媒体+短视频运营。因此也就催生了大量对新媒体+短视频运营人的需求岗位。</p></div>
</body>
</html>

第3关CSS-背景图的设置

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>CSS-背景色的设置</title><style type="text/css">h2{font:微软雅黑;text-align:center;}    #p1{font-size:13px;color:#979797;text-align:center;}hr{border:1px solid #CCCCCC;} #p2{text-indent:2em;}span{color:blue;}.background{background-color:#add;}.backgroundImage{width:360px;height:240px;overflow:scroll;padding:30px;border:3px solid #30F;/* ********* Begin ********* */background-image:url(https://www.educoder.net/api/attachments/2478800);  background-attachment:scroll;background-size:cover;background-position:-260px 0px;     /* ********* End ********* */          }</style>
</head>
<body class="background"><div class="backgroundImage"><h2>新媒体的大势所趋</h2><p id=p1>更新时间：2021年11月30日14时08分 来源：<span>开源社区</span></p><hr size="2" color="#CCCCCC" /><p id=p2>近年来，随着<span>移动互联网</span>的火爆，公众号、微博、今日头条、抖音等一大批社交平台的火爆带动了新媒体运营行业的发展，运营人在企业中的价值也不断的被放大和受到重视，很多企业在做线上这块时都会考虑<span>“两微一抖”</span>，也就是我们所说的新媒体+短视频运营。因此也就催生了大量对新媒体+短视频运营人的需求岗位。</p></div>
</body>
</html>

edu平台Web实训CSS3背景样式相关推荐

头歌平台web实训部分作业
因为题目太多就不分开贴上来了. /*---注! 部分题有多个Begin-End使用注释符分开上下*///十一.json //1.1json对象 var JSONObject = {"key1 ...
educoder实训平台----CSS3背景样式
educoder实训平台----CSS3背景样式第1关:CSS背景相关的概念 DACAD 第2关:CSS-背景色的设置 <!DOCTYPE html> <html> < ...
educoder头歌Web实训 web课——综合应用案例：动态焦点图页面的制作
educoder头歌Web实训太原理工web课--综合应用案例:拼图页面的制作[全网更新最快]_玛卡巴卡的博客-CSDN博客第1关:动态焦点图页面的样式设计任务描述本关任务: 完成动态焦点图 ...
视频教程-JSP从入门到精通2016+在线视频教学平台项目实训-其他
JSP从入门到精通2016+在线视频教学平台项目实训 19年软件开发经验,设计开发40多个大型软件,10年从事高等教育,主要为java系列课程,带你轻松进入java生涯. 赖国荣 ¥68.00 立即订 ...
educoder头歌Web实训 web课——综合应用案例：限时秒杀效果的制作
educoder头歌Web实训太原理工web课--综合应用案例:动态焦点图页面的制作[全网更新最快]_玛卡巴卡的博客-CSDN博客第1关:限时秒杀效果图片渲染 [TOC] 图1如下链接为htt ...
css3-3 css3背景样式
css3-3 css3背景样式一.总结一句话总结:网站页面上的小图标集成在一张大图上面,是因为降低服务器负载,网站上的那些图片都可以下载下来,源码那里,或者工具那里. 1.background:# ...
基于tutk方案的p2p源码_基于JAVA的局域网文件共享平台P2P实训项目源码(毕业设计课程设计)...
[实例简介] 基于JAVA的局域网文件共享平台P2P实训项目源码(毕业设计课程设计). 可直接运行.做毕业设计.课程设计或者想研究下技术的可以下载学习.需要更多资源的可以关注我. [实例截图] [核 ...
郑州大学WEB实训课程体系
郑大实训课程体系总计课时:208课时说明:最新就业班课程体系分为5部分: Web前台(HTML5)技术本模块包括HTML5.CSS3.JavaScript .DOM和JQuery几部分,可完成B ...
Java Web实训项目：西蒙购物园
一.功能需求 1.只有注册用户成功登录之后才可查看商品类别,查看商品,选购商品,生成订单.查看订单. 2.只有管理员才有权限进入购物网后台管理,进行用户管理.类别管理.商品管理与订单管理. 二.设计思 ...

edu平台Web实训CSS3背景样式

第1关CSS背景关的概念

第2关CSS-背景色的设置

第3关CSS-背景图的设置

edu平台Web实训CSS3背景样式相关推荐

最新文章

热门文章