css中的background属性_html/css_WEB-ITnose
程序员文章站
2022-04-13 08:04:14
...
第一次写博客,我就写写今天在编写网页的过程中,对background的两种运用,一是background中的线性渐变,对背景的渐变我其实是很少使用的,所以今天在写的时候我用css3的帮助手册,background: linear-gradient(to bottom,#0e7bef,#0d73da);这个是对背景颜色从上到下的一种线性渐变(linear-gradient),两个颜色参数是从第一个颜色参数渐变到第二个颜色参数。二是对background: #0e7bef url(../img/sprites.auto.26d10b5b.png)center 0 no-repeat;这样的一种写法,呈现出的是在一片蓝色的背景中间会有泛白的效果,使蓝色背景会很好看,我第一次这样使用,它是把一个背景颜色和背景图结合起来使用的,图片是一个全透明的什么都没有,center 意思就是背景图像横向和纵向居中,由于图片很大所以不需要平铺(no-repeat)。
推荐阅读
-
如何在blur或focusout事件里得到即将得到焦点的元素?另外这两个事件有什么区别?_html/css_WEB-ITnose
-
怎样制作web版的folder treeview_html/css_WEB-ITnose
-
现在就能投入使用的12个高端大气上档次的CSS3特性_html/css_WEB-ITnose
-
Awesome图标和css特殊字体的使用方法_html/css_WEB-ITnose
-
超链接访问过后hover样式就不出现的问题_html/css_WEB-ITnose
-
css3实现的气泡效果代码实例_html/css_WEB-ITnose
-
css 浅析display属性_html/css_WEB-ITnose
-
css子元素的margin-top为何会影响父元素_html/css_WEB-ITnose
-
css各种姿势的水平居中_html/css_WEB-ITnose
-
炫!一组单元素实现的 CSS 加载进度提示效果_html/css_WEB-ITnose