背景渐变兼容IE

最新推荐文章于 2024-06-20 11:21:40 发布

一喵呜

最新推荐文章于 2024-06-20 11:21:40 发布

阅读量3.1k

点赞数

本文链接：https://blog.csdn.net/html5_/article/details/46574683

版权

HTML5自由者同时被 3 个专栏收录

94 篇文章 13 订阅

订阅专栏

HTMl5

81 篇文章 0 订阅

订阅专栏

CSS3

35 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>CSS 实现元素背景渐变</title>
<style>
  .demo {
    width:100%;
    height:200px;
    border:solid 1px #213c7c;
          background: -webkit-gradient(linear, 0 0, 0 100%, from(#80c1e7), to(#213c7c));
          background: -webkit-linear-gradient(left, #80c1e7, #213c7c);
          background: -moz-linear-gradient(left, #80c1e7, #213c7c);
          background: -o-linear-gradient(left, #80c1e7, #213c7c);
          background: -ms-linear-gradient(left, #80c1e7, #213c7c);
          filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #80c1e7, endColorstr = #213c7c);
}
</style>
</head>
<body>
  <div class="demo"></div>
</body>
</html>