HTML 和 CSS - 显示电子商务交易的小代码集

Question

我不懂编码。我必须在我的网站中显示 html 和 css 的购物优惠。

我必须展示：

交易标题
商家Logo/any图片
描述（如果有）
4.Expiry 日期
5.Buy Now/Activate 成交按钮

我选择了随机屏幕截图Demo 1, Demo 4

Answer 1

这是一个简单的例子：

    .pos{
        position: absolute;
        z-index: 99;
        top: 2%;
        width:90%;
    }

<!DOCTYPE html>
<html>
<title>sparroltie</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3.css">
<body>


<div class="w3-container  ">

  <div class="w3-card-8 w3-dark-grey " style="width:350px; position:relative">

    <div class="w3-container"  >
      
      <img src="https://i0.wp.com/adiply.com/wp-content/uploads/2016/01/mobile-product03.png?fit=635%2C530" alt="Avatar" style="width:300px;">
      <h5 class="pos w3-padding-small w3-left">visit our site : Sparrolite.blogspot.in 
      for more tutorial about blog
      </h5>

      <div class="w3-section  w3-center">
        <button class="w3-btn w3-padding-medium w3-green">Get this deal  at 0$</button>
      </div>
    </div>

  </div>
  
  
</div>

</body>
</html>

HTML 和 CSS - 显示电子商务交易的小代码集

HTML and CSS - Small set of codes to show ecommerce deals

html

css

wordpress

e-commerce

web