Saturday, February 29th 2020, 10:08 am

  607 字     2 分钟       

めがねっ娘

想念已久的…

めがねっ娘是什么:

看板娘一词源自日语“看板娘(かんばんむすめ)”。其中的“看板”指的是店面招牌,或者是为了宣传、打广告而制作的宣传牌。“看板娘”也就是店面的招牌姑娘,亦即能够提升店面人气和顾客流量的女服务生、女店员等。也就是说,看板娘本身就是一块“活看板”,其本身的魅力就能够起到宣传、拉人气的作用。英语又称之为“Poster Girl”。

<div>
<i class="fas fa-quote-left" style="font-size: 3rem;color:orange;position:relative;left: 30px; margin-top:10px"></i>
<p style="margin:0px 163px 20px  80px;padding: 5px ;border-style:solid;font-size:14px;border-radius:10px;padding: 10px; background-color:#dedcee;box-shadow: 10px 10px #6a60a9;">看板娘一词源自日语“看板娘(かんばんむすめ)”。其中的“看板”指的是店面招牌,或者是为了宣传、打广告而制作的宣传牌。“看板娘”也就是店面的招牌姑娘,亦即能够提升店面人气和顾客流量的女服务生、女店员等。也就是说,看板娘本身就是一块“活看板”,其本身的魅力就能够起到宣传、拉人气的作用。英语又称之为“Poster Girl”。
</p>
<i class="fas fa-quote-right" style="font-size: 3rem;color:orange;position:relative;right: -550px"></i>
</div>

参照

span块

使用方法:

<span id="inline-green">我是绿色</span>
<span id="inline-blue">我是蓝色</span>
<span id="inline-purple">我是紫色</span>

我是绿色
我是蓝色
我是紫色
实现途径
css\_custom\custom.styl添加:


// 颜色块-绿
span#inline-green {
display:inline;
padding:.2em .6em .3em;
font-size:80%;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color: #5cb85c;
}
// 颜色块-蓝
span#inline-blue {
display:inline;
padding:.2em .6em .3em;
font-size:80%;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color: #2780e3;
}
// 颜色块-紫
span#inline-purple {
display:inline;
padding:.2em .6em .3em;
font-size:80%;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color: #9954bb;
}

下载框

使用方法
<a id="download" href=""><i class="fa fa-download"></i><span> Download Now</span> </a>

Download Now

实现

// 下载样式
a#download {
display: inline-block;
padding: 0 10px;
color: #000;
background: transparent;
border: 2px solid #000;
border-radius: 2px;
transition: all .5s ease;
font-weight: bold;
&:hover {
background: #000;
color: #fff;
}
}



my_blog_generate      Web前端 blog hexo

本博客所有文章除特别声明外,均采用 CC BY-SA 3.0协议 。转载请注明出处!

 TOC