[武汉|结业弟子]JS-刘平|2019年07月20日的日报-技能树.IT修真院

发表于： 2019-07-20 22:54:00

1 1181

今天完成的事情：

由于目前任务五还没有做完，所以在此先说下任务五进行中遇到的问题：

背景图片的插入

CSS 背景属性用于定义HTML元素的背景。

Property	描述
background	简写属性，作用是将背景属性设置在一个声明中。
background-attachment	背景图像是否固定或者随着页面的其余部分滚动。
background-color	设置元素的背景颜色。
background-image	把图像设置为背景。
background-position	设置背景图像的起始位置。
background-repeat	设置背景图像是否及如何重复。

background属性是一个复合属性，它主要包括五个比较常用的属性，分别是：

background-color: 规定背景颜色。
background-image: 规定背景图片。
background-repeat: 规定背景图片是否可以重复。
background-position: 规定元素背景图片的位置。

background-color:

此属性用于设置背景颜色，只要属性值是合法的颜色值即可。例如:

background-color:red;

background-image:

此属性可以规定一张指定的图片作为对象的背景。例如:

background-image:url("Images/mytest.jpg");

里面的图片路径是相对于代码所在样式表相对路径。路径也可以不加双引号:

background-repeat:

属性用以规定背景图片是否重复，它具有以下属性值:

ackground-repeat: repeat; /* 默认值，在水平和垂直方向上同时重复背景图片*/

background-repeat: no-repeat; /* 不重复背景图片*/

background-repeat: repeat-x; /* 背景图片水平方向重复 */

background-repeat: repeat-y; /* 背景图片垂直方向重复*/

background-repeat: inherit; /* 继承父元素的background-repeat属性*/

background-position:定位

关于箭头在css中怎么画

开始以为”<“符号可以直接在文本框中输入，后来只要输入就会报错，因为它会和div标签中的”<“匹配导致出错，后来又想着用切图的方式插入图片进来，但是最终选择的是用css来画出来，开始怎么都想不明白怎么可以画出来这个，后来百度后恍然大悟，原来还是利用盒子模型

其实箭头是一个盒子模型的两条border

之后将盒子旋转一定角度，就可以达到>的效果，以下是代码，，其中transform就是角度转换作用

.text1{
border-top: 2px solid;
border-right: 2px solid;
width: 10px;
height: 10px;
border-color: rgb(248, 248, 248);
transform: rotate(-135deg);
margin: 15px 0 0 15px;
float: left;