CSS设置DIV背景色渐变显示

在开发网站的时候通常需要对网站的整体颜色进行修改。下面,我们来看看如何用CSS设置DIV背景色渐变显示吧。

操作方法

  • 01

    打开软件 可以使用Dreamweaver或Visual studio软件,比如打开VS软件,如下图所示:

  • 02

    创建一个DIV 然后在body主体中创建一个div名为【a】, <div class="a">DIV</div>,如下图所示:

  • 03

    设置属性 然后设置div的属性,比如高度、宽度和颜色等等,如下图所示:

  • 04

    背景渐变色 然后设置背景渐变色,代码如下图: background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff)); 其中:linear-gradient()是用来创建线性渐变的语句。

  • 05

    预览效果 点击预览图标,在浏览器中的显示效果图如下所示:

(0)

相关推荐

  • css怎样设置div背景色渐变

    Css设置 div渐变背景可以让网页看起来更有层次感,那么css怎样设置 div背景颜色渐变呢?今天小编我就来分享一下 css渐变背景的方法. 操作方法 01 举个例子,既然是要设置div渐变,所以我 ...

  • 如何用CSS设置DIV边框透明

    如何实现用CSS设置DIV边框为透明呢?我们来看一看. 操作方法 01 透明一般认为是一种颜色属性,但是并没有这个数值.我们找到了一种让div实现透明的最佳方案,运用RGBA 02 RGBA在RGB的 ...

  • css设置div在网页中垂直居中

    css设置div在网页中垂直居中方法很多,这是本人常用的方法 我们要做一个在网页中垂直水平方向都居中的一个div来作一个如下效果的框 操作方法 01 本实例以新文档开始 02 先放置一个div,并且设 ...

  • CSS设置DIV的定位绝对定位和相对定位

    设置DIV或者其他元素在浏览器中显示的位置是HTML布局中重要的一个内用,我们通过合理的布局使得我们的网站美观大方,这里我就来说说如何使用CSS来给div定位. 操作方法 01 首先我不给div定位来 ...

  • 使用CSS设置div水平居中

    在网页编辑中,我们常常使用div来进行网页的布局.但是如何使div水平居中呢?我认为这一种方法比较于其他的方法更好用一些(个人建议). 准备工作 01 打开sublime text3,并且新建一个ht ...

  • css设置内容超出后显示省略号

    制作前端页面时,在一些标题.简介等需要给用户看到一内容,当内容超过一个范围后就会把内容隐藏并显示省略号给用户提示. 制作思路: 1.使用overflow: hidden把超出的内容进行隐藏: 2.然后 ...

  • css中设置div居中显示的方法

    我们进行页面开发的时候,最经常用的就是div标签了,那么div中的内容如何居中显示呢,下面小编给大家分享一下. 操作方法 01 首先我们用sublime先创建一个html,并且在html里面加入div ...

  • css设置body背景图片随内容增加多少显示多少

    操作方法 01 css设置body背景图片随内容增加多少显示多少经验篇 在CSS布局时,可能有时会遇到对body直接设置图片作为网页背景水平纵向平铺(从上到下居中平铺),此时整个网页无论内容是否占满一 ...

  • CSS中如何设置div的边框

    您可以根据自己的需要,对div进行设置它的边框样式,或是隐藏掉div的边框.而在开发过程中,您如果使用得当div,它将给您的开发带来很大的便捷. 操作方法 01 首先,您需要创建一个div,对div进 ...