18
2018
11

css背景一行中加背景颜色加背景图片及重复与否和位置

background: #006ab8 url(../images/index_type01.png) no-repeat 19px 16px;

02
2018
10

Padding属性的数值赋予顺序为

四个为: 上 右 下 左 3个数值为 上 左右 下

05
2018
08

input表单placeholder属性以及如何更改placeholder属性中文字颜色

今天在群里看到群友问了一个这样的问题,就是如何更改placeholder属性中文字的颜色,以前用过这属性,却是没更改过颜色,于是便试了试,中途遇到些问题,查找资料后特来总结一下。

27
2018
07

css的鼠标手势大全

css的鼠标手势非常多,最长的手型cursor:pointer,其中cursor:hand,也是手型,但是在火狐和谷歌浏览器下不兼容,所以css鼠标手型手势的话用cursor:pointer最好,以下是其它常用代码

25
2018
07

CSS中代码background:url(图片) no-repeat right center的意思及靠左靠右的用法

最近在模仿一个网页的时候,发现CSS代码里有一行代码:background:url(图片) no-repeat right center不明白是什么意思,百度以后学习到了,在此记载知识点;


这一行代码其实是背景图定义形式的简写

完整形式是:


background-image:url(图片);

background-repeat:no-repeat;

background-position:right center

25
2018
07

background: url的全部介绍

方法/步骤

1

background-color规定要使用的背景颜色。

background-position规定背景图像的位置。

background-size规定背景图片的尺寸。

background-repeat规定如何重复背景图像。

background-origin规定背景图片的定位区域。

25
2018
07

表单input用css控制输入框背景透明

例如:

<input nam="" style="BACKGROUND-COLOR: transparent;"/>

-----------------------------------------------------------------------------

还有另一种:

.dd_input_data{border:1px solid #ccc; height:20px;line-height:20px;color:#ccc;text-indent:5px; BACKGROUND-COLOR: transparent; background:url(../images/date.png) no-repeat 98% center}

26
2018
05

css超宽图片居中显示,隐藏左右多余的部分

#wowslider-container2 .ws_images {margin:0 auto; position:relative; width: 100%; height: 420px; overflow: hidden;}

#wowslider-container2 .ws_images a {color: transparent;}

#wowslider-container2 .ws_images img {border: 0; 

width:1920px;position:absolute;top:0;left:50%; margin-left: -960px;

21
2018
05

margin标记可以带一个、二个、三个、四个参数,各有不同的含义。

margin标记可以带一个、二个、三个、四个参数,各有不同的含义。

margin: 20px;(上、下、左、右各20px。)
margin: 20px 40px;(上、下20px;左、右40px。)
margin: 20px 40px 60px;(上20px;左、右40px;下60px。)
margin: 20px 40px 60px 80px;(上20px;右40px;下60px;左80px。)

在css中使用margin可以将margin-top,margin-right,margin-bottom,margin-left,缩写为一个标记,顺序为上右下左(顺时针)。

14
2018
05

css背景颜色过度效果,还可以用于提交按钮submit

.submit{ float:left; background:linear-gradient(to right,#fd9403,#fe593d); width:20%; height:40px; margin-left:3%; border-radius:6px; margin-top:5px; text-align:center; line-height:40px; color:#fff;}