如何使用PayPal按钮为CSS中的CSS制作捐赠表单？

您可以在此处查看整个代码：HTTPS://JS fiddle.net/l27V字06U/

- - 第1步 - -登录PayPal并转到HTTPS://呜呜呜.PayPal.com/buttons/要获取所需按钮的链接代码。 在这种情况下，选择捐赠按钮代码。 捐赠按钮的链接代码应该如下所示：

 https://www.paypal.com/donate?hosted_button_id=27KSZ3KQSC 

PayPal也为您提供按钮代码，应该看起来像这样：

- - 第2步 - -在标记之前复制以下行并用您网站的名称替换它：

这是名为CSS文件的代码paypalform.css：

.paypal-form {
border: 2px solid #FFC734;
}
.paypal-form hr {
margin:0;
}
.paypal-form h4{
font-size:16px;
}
paypal-form .paypal-header {
display: flex;
align-items: center;
padding: 10px 20px;
    }
paypal-form .paypal-header .header-text {
margin-right: 15px;
color: #DF662F;
margin-top: 0;
margin-bottom: 0;
font-size:15px;
        }
paypal-form .paypal-header img{
width:100px;
height:30px;
    }

paypal-form .paypal-body {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0;
border-top: 1px solid #efe9e9;
    }
paypal-form .paypal-body .col {
padding: 15px 15px;
padding-bottom:20px;
        }
paypal-form .paypal-body .col:first-child {
border-right: 1px solid #efe9e9;
            }

paypal-form .paypal-body h4 {
margin: 0;
background-color: #333333;
color: white;
display: inline-block;
padding: 3px 10px;
text-transform:uppercase;
font-size:14px;
        }
paypal-form .paypal-body p{
font-size:15px;
line-height:1.5;
margin-top:4px;
    }
paypal-form .paypal-content{
display:flex;
flex-direction:column;
        
    }
paypal-form .paypal-content form {
display: flex;
flex-direction: column;
    }
paypal-form .paypal-content select {
height: 35px;
margin-bottom: 10px;
padding-left: 5px;
border: 1px solid #bdb5b5;
        }
paypal-form .paypal-content .paypal-img {
align-self: flex-start;
border:none !important;
        }

media(max-width:768px){
paypal-form .paypal-body {
grid-template-columns: 1fr;                
            }
paypal-form .paypal-body .col:first-child {
border-bottom: 1px solid #efe9e9;
                }
        }

.paypal-contact {
padding: 15px 20px;
padding-bottom:25px;
border: 2px solid #FFC734;
margin-top: 25px;
margin-bottom: 20px;
}
.paypal-contact * {
margin:0;
font-size:15px;
}
    
paypal-contact h4 {
color: #DF662F;
margin-bottom:15px;
        }
paypal-contact p {
margin-bottom: 8px;
font-weight:bold;
        }
paypal-contact p span {
color: dimgrey;
text-transform:uppercase;
font-weight:normal;
margin-bottom: 15px;*/
        }
paypal-contact .text-muted {
font-size:11px;
color:dimgrey;
margin-bottom: 15px;*/
        }

.paypal-form-button{
display:flex;
flex-direction:column;
}

---第3步---复制此HTML代码，您希望它将显示在HTML页面上（并替换hosted_button_id.和

Donate via Paypal






RECURRENT DONATION
Donate monthly to support 
the NeculaiFantanaru.com project
















€3.00€5.00€10.00€25.00€50.00











SINGLE DONATION
Donate the desired amount to support 
the NeculaiFantanaru.com project




















Donate by Bank Transfer

Account Ron: 
RO34INGB0000999900448439

Open account at ING Bank



 

That's all folks.