HTML\css优惠券脚本

我猜你想要

.coupon {
   width: 250px;
   padding: 10px;
   text-align: center;
   border: 3px dashed #ccc; }

  <div class="coupon">15 points for your reputation</div>

围绕一个div?或者更复杂的事情?

我偷了它 here .

我将不讨论这个问题的HTML部分,因为这是非常、非常基本的,而且非常具体地针对您自己。

对于特定于打印的样式,在HTML标记中,可以显式为打印媒体添加样式表,如下所示:

<link rel="stylesheet" type="text/css" media="print" href="my-printable-style.css"/>

您也可以在现有的css文档中直接执行此操作,方法是使用css指令,例如:

//sample ripped from http://www.w3schools.com/CSS/css_mediatypes.asp
@media screen
  {
  p.test {font-family:verdana,sans-serif;font-size:14px}
  }
@media print
  {
  p.test {font-family:times,serif;font-size:10px}
  }

但这通常被视为较弱的工具,因为它会导致混乱和维护问题,从而使这样的单个文档膨胀,并实现与基于元素的方法相同的效果。

有关一些可打印的CSS问题的详细信息,请阅读 this list apart article .

This article 以一种简单易懂的方式拥有你所需要的所有信息。希望对你有帮助。

<label for="dwfrm_cart_couponCode">
                         CODE
                        </label>
<input type="text" placeholder=" CODE" name="dwfrm_cart_couponCode" id="dwfrm_cart_couponCode">
<button type="submit" value="dwfrm_cart_addCoupon" name="dwfrm_cart_addCoupon" id="add-coupon">

                        </button>
<div class="error">
                                Please Enter a Code
                            </div>