淘寶報價頁是我們經常瀏覽的頁面之一,如何讓報價頁看起來更簡潔、清晰呢?下面我們介紹一些淘寶報價css樣式。
/* 價格行樣式*/
.tb-rmb-num{
font-size: 24px;
font-weight: bold;
color: #ff6a00;
}
/* 折扣價格樣式*/
.tb-rmb-num-discount{
color: #9b9b9b;
font-size: 14px;
}
/* 購買按鈕樣式*/
.tb-btn-buy{
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 20px;
background: #ff6a00;
color: #fff;
border-radius: 4px;
cursor:pointer;
text-align: center;
font-size: 16px;
transition: all 0.3s ease;
}
.tb-btn-buy:hover{
background: #ff8726;
}
/* 優惠券樣式*/
.tb-coupon{
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 20px;
background: #fff;
color: #ff6a00;
border-radius: 4px;
cursor:pointer;
text-align: center;
font-size: 14px;
border: 1px solid #ff6a00;
transition: all 0.3s ease;
}
.tb-coupon:hover{
background: #ffeee8;
}
以上樣式代碼,可以應用到淘寶報價頁的價格、購買按鈕、優惠券等元素中,讓頁面視覺效果更好。