展开

关键词

首页关键词background

background

背景(background)属性定义元素的背景效果元素的背景区包括前景之下直到边框边界的所有空间。因此,内容框与内边距都是元素背景的一部分,且边框画在背景上。CSS允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果;CSS在这方面的能力远远在HTML之上。background是用于在一个声明中设置所有背景属性的一个简写属性。格式:background:{属性值}继承性:NO可能的值:background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position新增的值:background-clipbackground-originbackground-size[2]注:可以在此声明中声明1到5个背景属性这只是CSS1.0的属性在CSS2.0background已经退出了历史舞台;例:<styletype="text/css">body{background:#ff0000url('i/eg_bg_03.gif')no-repeatfixedcenter;}</style>

相关内容

  • 广告
    关闭

    腾讯云+社区「校园大使」招募开启!报名拿offer啦~

    我们等你来!

  • CSS background属性

    属性解释background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图片和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项:background-color 设置背景颜色background-image设置背景图片地址background-repeat 设置背景图片如何重复平铺background-position设置背景图片的...
  • CSS背景(background)

    背景颜色(color)语法:background-color:颜色值; 默认的值是 transparent 透明的背景图片(image)语法:background-image :none | url (url)参数作用none无背景图(默认的)url使用绝对或相对地址指定背景图像background-image: url(imagesdemo.png); 小技巧: 我们提倡 背景图片后面的地址,url不要加引号...
  • CSS 背景(background)

    background-color背景颜色 background-image 背景图片地址 background-repeat是否平铺 background-position 背景位置 background-attachment 背景固定还是滚动背景的合写(复合属性) background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置 背景图片(image)语法:background-image : none | url (url) 参数...
  • background-size之详解

    height: 500px; margin: 0 auto; } ul li{ list-style: none; float: left; width: 200px; height: 200px; margin: 30px 30px; border: 1px solid #000; text-align: center; line-height: 200px; } ul li:nth-child(1){ background: url(imagesdog.jpg) no-repeat; } ul li:nth-child(2){ background: url(imagesdog...
  • 每日一点 -- background

    我只能花一段时间了解某个知识点,下一次再花一段时间去再深入一点,每次的学习过程都是把之前的知识碎片进行连线的过程,真的是很慢的。 所以想每天总结一个小的知识点,作为记录,并且分享给各位宝宝,希望我们都能变成更好的自己,即使每天只是一点点。 speak is cheap! 今天的主题是background; 定义: ...
  • 详解:44 background-clip

    background-clip div{ width: 200px; height: 100px; border:20px dashed rgba(0,0,0,.8); background:url(imagesking.jpg) no-repeat pink; padding:30px; margin:20px; } .box1{ background-clip:border-box;*border以外的部分裁剪* }box2{ background-clip:padding-box;padding以外的 }box3{ background-clip...
  • 详解:40 background-repeat

    background-image:url(imagesking1.jpg); } .box1{ background-repeat: repeat;这种垃圾我就不说了。 } .box2{ background-repeat:space;*图片尽可能多放进去(行3个,列三个),剩下是空隙的。 * } .box3{ background-repeat:round;*行三个列三个都会至容器大小,完美适合的哈* } ?...
  • 详解:41 background-attachment

    document div{ height: 150px; border:1px solid gray; background-image:url(imagesking1.jpg); margin:50px; overflow-x:hidden; overflow-y:scroll; background-repeat: no-repeat; } .scroll{ background-attachment: scroll; *主视图:浏览器页的滚动条,本地视图:页面内的滚动条,以背景为例,他会和主视图...
  • css当中background的问题

    3.background的问题 例 1.3 div{ border:1px solid #000000; height: 80px; width: 400px; font-size:25px; 有关background的问题,ie8和ff是兼容的,测the image is at 5,5ge测ge测 ge测 ge测 ge 更多请见 https:blog.csdn.netqq_44594371articledetails103063944...
  • CSS3 Background 属性介绍

    与border类似,ie对新的background属性都是不支持的。 多的就不说了,来看看,新的background 属性吧。 1、background-origin 控制背景图片区域 三个取值,由外向内分别为: border-box,padding-box,content-box 默认为padding-boxpaddingcontent效果如图? 2、background-clip 控制背景图区域,将控制区域外的背景裁切 ...
  • 【CSS】背景样式:background

    本节主要关注背景如何展示。 background在一个声明中设置所有背景属性。 div{ background: #00ff00 url(bgimage.gif) no-repeat fixed top; 可以按顺序设置如下属性:background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-image...
  • background-clip的正确使用姿势

    background-clip的正确使用姿势 前几天遇到一个问题:问如何通过背景色来显示相反的文本颜色。 如果通过js的话,可以灰常轻松的解决这个问题,但是纯用css的话也不是不可能的。 这就需要用到今天的主角background-clip了。 background-clip是个啥background-clip可以用来控制背景图片/颜色的填充范围。 我们知道...
  • background-clip的正确使用姿势

    background-clip的正确使用姿势 前几天遇到一个问题:问如何通过背景色来显示相反的文本颜色。 如果通过js的话,可以灰常轻松的解决这个问题,但是纯用css的话也不是不可能的。 这就需要用到今天的主角background-clip了。 background-clip是个啥background-clip可以用来控制背景图片/颜色的填充范围。 我们知道...
  • 获取元素的最终background-color

    一、题目用js代码求出页面上一个元素的最终的background-color,不考虑ie浏览器,不考虑元素float情况。 (题目copy自网上)二、题目解析1. 考察底层javascript基础前端开发,日常最常接触的就是页面样式的编写。 而摆脱jquery等工具库,用原生js获取样式,是每个前端程序猿进阶阶段必须掌握的技能。 2. 考察面试者的...
  • SAP ABAP ALV list background render

    该background job运行会失败: ? 原因如下: ? 将代码里使用custom container的地方全部替换成docking container,即可解决此问题:parameters: d type i no-display.data: ok_code like sy-ucomm,gt_sflight type table of sflight,g_container type scrfname value bcalv_grid_demo_0100_cont1,grid1 type ref to cl...
  • css3最详解46 background-size

    background:url(imagesqueen1.jpeg) no-repeat; } .box1{ background-size:auto;auto的意思是:按照本来的尺寸显示 } .box2{ background-size:300px 100px;背景图像的高度和宽度,background-size:300px 100px; 宽300px 高100px }box3{ background-size:50% 50%;以父元素的百分比来设置背景图像的宽度和高度。 } .box4...
  • 六. CSS 样式补充之 font & background

    通过偏移量来指定背景图片的位置:水平方向的偏移量垂直方向变量 document .box1{ width: 500px; height: 500px; *background-color 设置背景颜色 * background-color: #bfa; * background-image 设置背景图片 - 可以同时设置背景图片和背景颜色,这样背景颜色将会成为图片的背景色 - 如果背景的图片小于元素...
  • 详解:45 background-clip text-fill-color

    background:url(imagesqueen1.jpeg) repeat; font-size:196px; font-weight: bold; -webkit-background-clip: text; *使用了这个属性的意思是,以区块内的文字作为裁剪区域向外裁剪,文字的背景即为区块的背景,文字之外的区域都将被裁剪掉* -webkit-text-fill-color:transparent; *制作流光文字有几个要点:text...
  • CSS background-attachment 背景图片固定效果

    background-attachment设置背景图片是固定还是随着页面滚动条滚动当给页面body设置背景图片,背景图片默认是随着滚动条下拉而滚动的。 下面写一个示例看看,如下: document body{ background-image: url(meinv.jpg); } p{ width: 100px; height: 1000px; margin: 50px auto; font-size: 18px; color: red; } 段落...
  • 另一种Background job的 debug方法

    created by jerry wang, last modified on jul 26,2014在sm37 result 界面选定要debug 的background job,在command line输入jdbg敲回车: ? 即可看到debugger 启动: ? 即可在弹出的debugger里开始debug:?...

扫码关注云+社区

领取腾讯云代金券