HTML \ CSS優惠券腳本

有誰知道如何用HTML & CSS創建優惠券（可打印更好）？原諒這個非常簡單的問題，我沒有做任何web開發:)HTML CSS優惠券腳本

在此先感謝。

編輯：編輯：塞思再次張貼他的答案，我接受，因此我從這裏刪除答案（這只是他原來刪除的帖子的副本）。

2009-07-21 javamonkey79

您能否澄清一下「優惠券」在這種情況下的含義？ – Sev 2009-07-21 06:03:16

像你這樣的優惠券會在報紙或其他印刷材料中看到。你知道，一個虛線框。 – javamonkey79 2009-07-22 16:52:21

我猜你想

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

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

圍繞一個div？還是更多參與？

我從here中偷了它。

來源

2009-07-21 06:05:29 seth

我不會涵蓋問題的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。

來源

2009-07-21 06:12:33 annakata

This article以簡單易懂的方式提供您所需要的所有信息。希望它可以幫助你。

來源

2009-07-21 08:16:08 jluna

-3

<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>

來源

2016-04-16 01:05:02 user6211646

HTML \ CSS優惠券腳本

回答

相關問題