css 背景渐变色

admin 94 0

css 背景渐变色-第1张图片-思忆号

当设置背景图片,时,图片默认水平和垂直平铺以覆盖整个元素。

css 背景渐变色-第2张图片-思忆号

背景(职位)

语法:

背景-位置3360长度||长度背景-位置3360位置||位置参数:

长度: %|由浮点数和单位标识符组成的长度值。参见长度单位。

位置:顶部|中心|底部|左侧|中心|右侧

描述:

或者设置检索对象的背景图像位置。必须首先指定背景图像属性。默认值为:(0% 0%)。

如果只指定了一个值,它将用于横坐标。纵坐标将默认为50%。第二个值将用于纵坐标。

注意:

位置后面是x和y坐标。可以用方位名词,也可以用精确单位。如果混合了精确的单位和方位角名称,则必须是前面的X坐标和后面的Y坐标。背景——定位3360 15pxtop,比如;那么15px一定是x坐标,top是y坐标。最实际的工作是以图片为背景。

背景附件

语法:

背景-附件:滚动|固定参数:

滚动:背景图像随对象内容一起滚动。

固定:背景图像固定

描述:

或者设置检索到的背景图像是随对象内容一起滚动还是固定的。

背景缩写

背景属性值的书写顺序没有官方的强制性标准。为了可读性,建议您按如下方式编写:

Background:背景颜色背景图片地址背景平铺背景滚动背景位置

background:透明url(image.jpg)重复-y滚动50% 0;透明背景(CSS3)

CSS3支持半透明背景的书写语法格式,为:

background: rgba(0,0,0,0.3);最后一个参数是alpha透明度,范围从0到1。

注意:半透明背景是指盒子的背景是半透明的,盒子里的东西不受影响。

导航栏外壳

温馨提示:在一行之内的方框中,我们设置行高高于方框的高度,这样文字就可以垂直居中。

head meta charset=' utf-8 ' style body { background-color : # 000;} a { width: 200pxheight: 50px/*背景色:橙色;*/display : inline-block;/*将A行中的元素转换为*/text-align: center行中的块元素;/*文本水平居中* */line-height : 50px;/*我们可以通过设置行高高于框高来垂直居中文本*/color 3360 # fff;font-size : 22px;text-decoration:无;/*取消文本修饰的下划线*/} a:hover {/*用鼠标为我们的链接添加背景。图片*/background 3360 URL(images/h . png)无重复;} /style /head body a href='# '地区描述/a a href='# '申请资格/a a href='# '兑换奖励/a a href='# '下载游戏/a /body

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~