微信扫一扫4.5w+
社区成员
昨日学习css背景设置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css背景</title>
<style>
/* <!-- 通过css背景属性，可以给页面元素添加背景样式 --> */
/* <!-- 背景属性可以设置颜色，背景图片，背景平铺，背景图片位置，背景图像固定等 */
/*背景颜色 background-color:颜色值; */
/* 一般情况下元素背景颜色默认值是transparent（透明），我们也可以手动指定背景颜色为透明色 */
div {
width: 400px;
height: 400px;
background-color: 颜色值;
}
/* 2.5.2背景图片 */
/* background-image属性描述了元素的背景图像实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片，
优点是非常便于控制位置（精灵图也是一种运用场景） */
/* 利用back...position属性可以改变图片再背景中的位置 */
div {
background-image: none/url(../songyangjie/1.1img.jpg);
}
div {
/* background-position: x(方位名词) y(精确单位); */
background-position: center top;
/* background-position: top center; */
}
/* 参数是方位名词
如果指定的两个值都是方位名词，则两个值前后顺序无关，比如left top和top left 一致
如果水平靠右侧对齐，第二个参数省略y轴是垂直居中显示的（也就是省略的那个值默认居中对齐）*/
</style>
</head>
<body>
<div></div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
在黑马学习CSS第四天，重点 盒子模型案例（昨日总结） 案例小结: 开发步骤: 分析页面结构（如果内容太多，可以后续补充） 编写公共样式 从上向下从第一个大盒子开始 (最外侧盒子需要有注释，辅助 CSS 分段和阅读) 从上向下，从左向右依次编写...
02前端学习之CSS3(1) 文章目录一、CSS介绍:二、font字体：三、CSS基本选择器：四、CSS外观样式及应用：五、标签显示模式：六、CSS复合选择器：七、CSS背景及应用：八、CSS三大特性：九、CSS盒模型及应用：十、浮动及清除浮动：十一、...
学习html+css第五天的笔记 昨日回顾属性设定形式： css属性名：css属性值；样式的分类：1，内部样式：<style>…..</style>2，外部样式：<link ……. href=” css文件地址url” />3，行内样式：<标签 style=”属性设定” ...
Html基本标签与CSS样式基本使用 CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。 2、CSS 网页的美容师 CSS的出现，拯救了混乱的HTML，当让更加拯救了我们web开发者。 ...
HTML日常学习学习之（1补发昨日3.15） 20180315学习笔记1、属性一般在开始标签内进行表述，并且一般是以键值对的形式出现（name="value"）2、在使用<h1></h1>等这些标题标签时，浏览器会自动为其前后各自添加一个...
关于动漫《昨日青空》的网页 我自己认为的前端最基础的是先掌握各种布局，标签，毕竟当你要学习别人的代码时也要，当然利用html css写出来的是静态网页，进一步动态的就需要掌握js jq等知识，并且了解他们之间的相互联系。 html是框架即相当于一...
CSS 研究所 - 收藏集 - 掘金 CSS 五种方式实现 Footer 置底 - 前端 - 掘金页脚置底（Sticky footer）就是让网页的footer部分始终在浏览器窗口的底部。 当网页内容足够长以至超出浏览器可视高度时，页脚会随着内容被推到网页底部；但如果网页内容...
前端学习之，昨日模仿的，js二级菜单无延迟仿京东 学习慕课网https://www.imooc.com/learn/829学习js实现京东无延迟菜单效果。 首先是主页目录设置。 <!DOCTYPE html> <html> <head> <meta charset=...
CSS(三)&JS(一) 每日测验 """ 今日考题 1.什么是python的垃圾回收机制 2.你所知道的能够实现单例模式的...# 多个选择器可以并列公用一套css样式 div,p,span {} # 不同选择器之间也可以混合使用 .c1,#d1>span {} 伪类选择器 a:l.
全栈开发之前端开发-欧阳桫-专题视频课程 无论是Java猿、PHP猿、还是... 无论你身处天堂还是地狱，过去还是未来； 无论你的女朋友在左边还是右边... 你逃不开生死腾讯； ...你逃不开HTML+CSS+JavaScript+JQuery； 桫哥依旧水煮，依旧不拘一格脑洞大开；...
前端学习笔记2ady51 昨日内容回顾 Web的本质 """ 浏览器 服务端 文件(html文件) """ 课程web方向 前端 django bbs 路飞 HTTP协议 """ HTTP协议的由来(sql语句由来) 浏览器只有一个如何兼容N多个服务端 """ # 四大特性 1 基于...
视频教程-全栈开发之前端开发-HTML5/CSS 65.065案例：闭包制作选项卡 66.066创建对象 67.067继承 68.068call与apply+新增选择器 69.069昨日回顾 70.070JQ概述 71.071JQ引入 72.072JQ控制样式 73.073点击监听 74.074案例：选项卡 75.075获取、设置标签属性 ...
CSS+DIV-公司网站 18.cssbody{margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;background:#cad7df url(bg.jpg) repeat-x;/* 背景色、水平重复的背景图片 */}#container{width:758px;}d...
MyBatis入门学习 一、Mybatis背景介绍 MyBatis 是支持普通 SQL查询，存储过程和高级映射的优秀持久层框架。MyBatis 消除了几乎所有的JDBC代码和参数的手工设置以及结果集的检索。 MyBatis 使用简单的 XML或注解用于配置和原始映射...
2020-10-21 web 前端学习 -- day03CSS昨日作业回顾0102圆角边框浮动浮动的特性1.父盒子2.对齐清除浮动的方式1.额外标签法2.overflow方式清除浮动3.after伪元素清楚浮动布局 首字缩进: text-indent：2em; ul去点： list-style:...
【建议收藏】90%的前端都会踩的坑，你中了吗？ 写在前面 移动开发时代，前端同学刚刚送别了让人头秃的IE浏览器，却发现憧憬已久的移动互联网时代并...昨日一瞥竟积少成多，稍感诧异。因此分享出来，希望对大家能有所帮助。 我的web前端学习交流群点击进入104...
