採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
February 26, 2016
<style type="text/css">
<!--
h1{
//標題用的文字區塊
}
p{
//文字的第一行內縮
text-indent: 50px;
//字間距離
letter-spacing: 3px;
//行間高度
line-height: 0.8;
//文字居中
text-align:center;
}
b{
//粗字。手機版不太起作用
}
strong{
//粗字。比較對應手機版
}
span{
//讓文字成為區塊元件
display:inline-block;
//文字背景
background:#000000;
background:rgba(0,0,0,1.00);
//文字顏色
background:#ffffff;
color:rgba(255,255,255,1.00);
//區塊圓角
border-radius:13px;
-moz-border-radius:13px;
-webkit-border-radius:13px;
//粗字。也可以這樣設定。對應中文。英文有更多詳細設定。
font-weight:bolder;
}
a{
//讓a成為母區塊
position:relative;
}
a:hover{
//不要出現文字下底線
text-decoration:none;
}
a:hover::before{
//讓a:hover::before成為子區塊
position:absolute;
}
-->
</style>
<!--
h1{
//標題用的文字區塊
}
p{
//文字的第一行內縮
text-indent: 50px;
//字間距離
letter-spacing: 3px;
//行間高度
line-height: 0.8;
//文字居中
text-align:center;
}
b{
//粗字。手機版不太起作用
}
strong{
//粗字。比較對應手機版
}
span{
//讓文字成為區塊元件
display:inline-block;
//文字背景
background:#000000;
background:rgba(0,0,0,1.00);
//文字顏色
background:#ffffff;
color:rgba(255,255,255,1.00);
//區塊圓角
border-radius:13px;
-moz-border-radius:13px;
-webkit-border-radius:13px;
//粗字。也可以這樣設定。對應中文。英文有更多詳細設定。
font-weight:bolder;
}
a{
//讓a成為母區塊
position:relative;
}
a:hover{
//不要出現文字下底線
text-decoration:none;
}
a:hover::before{
//讓a:hover::before成為子區塊
position:absolute;
}
-->
</style>