淘寶旺鋪是電商平臺上的一個非常重要的門戶，一個好看的店招可以讓顧客留下深刻的印象，提高店鋪的訪問量和轉化率。下面是一些常用的淘寶旺鋪店招css代碼供大家參考：

/* 設置旺鋪頭像 */
.shop-header .avatar img {
width: 100%;
height: 100%;
border-radius: 50%;
}
/* 設置店招背景 */
.shop-header {
background-color: #f7f7f7;
background-image: url('店招背景圖片的地址');
background-size: cover;
background-repeat: no-repeat;
}
/* 設置店招標題 */
.shop-title {
font-size: 24px;
font-weight: bold;
color: #333;
margin-top: 20px;
}
/* 設置店招描述 */
.shop-desc {
font-size: 14px;
color: #666;
margin-top: 10px;
}
/* 設置賣家信用信息 */
.shop-info-item.credit {
background-color: #f7f7f7;
font-size: 14px;
color: #666;
padding: 5px 10px;
margin-right: 10px;
border-radius: 3px;
display: inline-block;
}
/* 設置優惠活動 */
.activity-item {
background-color: #fff;
font-size: 14px;
color: #333;
padding: 10px;
margin-top: 20px;
border: 1px solid #f2f2f2;
border-radius: 3px;
}
/* 設置商品展示區域 */
.items-list {
margin-top: 20px;
overflow: hidden;
}
/* 設置商品項 */
.item {
float: left;
width: 25%;
padding: 10px;
box-sizing: border-box;
}
/* 設置商品圖片 */
.item img {
width: 100%;
}
/* 設置商品名稱 */
.item .title {
font-size: 14px;
color: #333;
margin-top: 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/* 設置商品價格 */
.item .price {
font-size: 14px;
color: #f40;
margin-top: 5px;
}