css布局实现商品服务价格套餐对比效果代码

代码语言:html

所属分类:布局界面

代码描述:css布局实现商品服务价格套餐对比效果代码

代码标签: 商品 服务 价格 套餐 对比 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">



	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:Condensed" />
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>



    <style>
        body {
            font-family: 'Open Sans';
            font-style: condensed;
            background: #5b2072;
            /* Old browsers */
            background: -moz-radial-gradient(center, ellipse cover,  #5b2072 0%, #5d1566 50%, #251a41 100%);
            /* FF3.6+ */
            background: -webkit-gradient(radial,center center, 0px, center center, 100%, color-stop(0%,#5b2072), color-stop(50%,#5d1566), color-stop(100%,#251a41));
            /* Chrome,Safari4+ */
            background: -webkit-radial-gradient(center, ellipse cover,  #5b2072 0%,#5d1566 50%,#251a41 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-radial-gradient(center, ellipse cover,  #5b2072 0%,#5d1566 50%,#251a41 100%);
            /* Opera 12+ */
            background: -ms-radial-gradient(center, ellipse cover,  #5b2072 0%,#5d1566 50%,#251a41 100%);
            /* IE10+ */
            background: radial-gradient(ellipse atcenter,  #5b2072 0%,#5d1566 50%,#251a41 100%);
            /* W3C */
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5b2072', endColorstr='#251a41',GradientType=1 );.........完整代码请登录后点击上方下载按钮下载查看

网友评论0