zoukankan      html  css  js  c++  java
  • 二、优惠卷

    一、优惠卷

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <style type="text/css">
         
    body {
    	 100vw;
    	height: 100vh;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	background: #6c00af;
    }
    
    div {
    	min- 702px;
    	min-height: 160px;
    	border-radius: 12px;
    	background-image: linear-gradient(to bottom, #FF2655 0%, #FF4F26 100%), linear-gradient(to right, #fff, #fff);
    	background-size: 210px 100%, cover;
    	background-repeat: no-repeat;
    	background-position: right center;
    	position: relative;
    }
    
    div::before {
    	top: -10px;
    }
    
    div::after,::before {
    	content: '';
    	position: absolute;
    	 20px;
    	height: 20px;
    	background: radial-gradient(circle, #6c00af 50%, transparent 50%),
        radial-gradient(circle, #6c00af 50%, transparent 50%);
    	background-size: 20px 20px;
    	right: 200px;
    }
    
    div::after {
    	bottom: -10px;
    }
    
    </style>
    <body>
    <div></div>
     
    </body>
    </html>
    

      

  • 相关阅读:
    ci上传图片
    Mac下使用svn命令
    linux 下svn忽略文件
    thinkphp5 隐藏入口和支持pathinfo
    ci tp重定向
    php命名空间
    thinkphp5学习记录一
    Mac下安装homebrew
    使用iTerm2快捷连接SSH
    摄影基础
  • 原文地址:https://www.cnblogs.com/fger/p/10387027.html
Copyright © 2011-2022 走看看