我是html的新手,目前已将背景设置为单一颜色。我有将背景更改为所需的渐变颜色的代码,但无法使其正常工作。我创建奇异颜色背景的代码部分是:

</head>
<body>
<!--Start of Product Banner-->
<body style="background-color:#6e6e6e;">
<div class="row">
<div id="header_region">
<!--Start of Header Logo-->
<div id="logo" class="two_thirds">
.....


我想将其更改为的渐变颜色和代码是:

background: linear-gradient(to bottom,#6e6e6e 0%,#313131100%);


我尝试过使用此代码来使其正常工作,但似乎可以使用正确的语法。我要如何实现这个梯度?

最佳答案

一个简单的线性渐变,从上到下(#6e6e6e#313131),用于body标签:

body {
  background: -webkit-linear-gradient(#6e6e6e, #313131); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#6e6e6e, #313131); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#6e6e6e, #313131); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#6e6e6e, #313131); /* Standard syntax */
}


您可以在CSS3 here中找到有关渐变的更多信息和示例。

关于html - 在HTML中创建渐变背景,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24142944/

10-12 04:46