歇息，等待明日的天空

title
屬性title 描述當滑鼠移到該物件上的時候要顯示的資訊。

cursor
屬性cursor 用來設定該物件在某一個事件狀態下鼠標的樣式。其屬性值可能為"hand"、"text"、"point" 等。

歇息，等待明日的天空──蔚藍天際 (2011/12/12)
/*CSS 製作者：GPhettoH 歡迎任意修改與分享 (2011/12/12)*/
#banner a {
font-family: 微軟正黑體;
font-size: 24px;
color: #FF0000;
}

讓float 應用於2 個以上的div
float 屬性用來描述一個div 與鄰近的div 的關係，因此只有"left"、"right" 這兩種屬性值。
].test1 {
]float: left;

常用的CSS 元素指標
再CSS 裡描述一個元素的CSS 屬性前，先以該元素的名稱後面接上「{}」，其內包含CSS 屬性。如果在元素名稱後面加上「:指標」則能表示該元素在某種狀態下的屬性。
 
hover 指標描述連結文字在鼠標移入時的屬性變化。active 指標描述連結文字被按下時的屬性。visited 指標描述以被使用者訪問過的連結文字的屬性。

歇息，等待明日的天空──黑色宇宙 (2011/6/27)
/*CSS 製作者：GPhettoH 歡迎任意修改與分享 (2011/6/27)*/
#banner a {
font-family: 微軟正黑體;
font-size: 24px;
color: #FF0000;
}
h2, .skiplink, #authority, #blog-category, .author img, #bottom, .back-to-top, .box-more img, .post-comment, .box-title img, .article-content .recommended-posts3 img, #recent-article img {
display: none;
}
#links {
width: 200px;
float: right;
margin-top: -90px;
margin-right: -200px;
}
#links a, #links {
font-family: 微軟正黑體;
color: #FFFFFF;
}
#links a:hover {
text-shadow: 0px 0px 5px #FFFFBF; filter: progid: DXImageTransform.Microsoft.Shadow (color = "#FFFFBF", strength = "5", direction: "315");
}
#links img {
position: relative;
margin-left: 50%;
}
#navigation {
text-align: center;
list-style-type: none;
float: right;
height: 80px;
width: 80px;
margin-right: 20px;
}
#navigation li a, #navigation a:active {
color: #FFAF6A;
font-size: 16px;
font-family: 微軟正黑體;
text-shadow: 0px 0px 5px #FFAF6A;
letter-spacing: 2pt;
line-height: 12px;
}
#navigation li a:hover {
color: #FFFFFF;
font-size: 20px;
text-shadow: none;
}
#blog-main {
width: 750px;
margin-left: 30px;
}
#login-bar, #header a, #header a:active {
color: #D0BFFF;
font-size: 10px;
font-family: 微軟正黑體;
text-decoration: none;
text-align: right;
width: 964px;
}
#login-bar a:hover {
text-shadow: 0px 0px 5px #D0BFFF;
}
#header {
background-image: url(http://pic.pimg.tw/gphettoh/35589bdc4f5f6a4128b7e8e88aeab2fb.png?v=1298729093);
background-repeat: no-repeat;
width: 750px;
height: 100px;
}
#header h1 {
display: none;
}
html {
background-image: url(http://pic.pimg.tw/gphettoh/82b41b088425db241386f407c9b193d8.png?v=1298712059);
background-attachment: fixed;
}
.box-title {
color: #FFFFFF;
font-family: 微軟正黑體;
font-size: 20px;
text-shadow: 0px 0px 5px #BFFFFF;
text-align: center;
letter-spacing: 2px;
}
.title {
text-align: center;
text-shadow: 2px 2px 10px #FF8800, -2px 2px 10px #00AA00, -2px -2px 10px #0000FF, 2px -2px 10px #AA00AA;
}
.article-head {
color: #FFFFFF;
font-family: 微軟正黑體;
font-size: 24px;
list-style-type: none;
}
.article-content {
color: #FFFFFF;
font-family: Courier New, 微軟正黑體;
padding: 10px;
background-color: rgba(0,0,0,0.3);
}
.article-content h1 {
color: #5599FF;
font-size: 24px;
text-shadow: 0px 0px 5px #5599FF;
text-align: left;
padding-left: 60px;
margin-top: -50px;
margin-bottom: 50px;
}
.article-content h6 {
color: #FFFFFF;
font-size: 16px;
font-weight: 400;
text-shadow: 0px 0px 5px #FFFFFF;
}
.article-content hr {
height: 2px;
width: 90%;
}
.article-content img {
border-radius: 10px;
box-shadow: 12px 12px 25px #FFFFFF;
}
.more {
font-size: 18px;
font-family: Courier New, 微軟正黑體;
text-shadow: 0px 0px 5px #FFFFFF;
text-decoration: none;
float: right;
}
.more a {
color: #FFFFFF;
}
.more a:hover {
color: #AA00AA;
text-shadow: 0px 0px 5px #AA00AA;
}
.author, .author a {
color: #000000;
font-family: 微軟正黑體;
font-size: 14px;
text-shadow: 0px 0px 5px #FFFFFF;
text-align: center;
}
.publish, .post-time {
color: #00AA00;
font-family: Courier New;
font-size: 12px;
text-align: right;
text-shadow: 0px 0px 5px #00AA00;
letter-spacing: 1px;
list-style-type: none;
padding-right: 15px;
}
#friendbox, #recent-article, #hot-article, #category {
text-align: center;
}
#recent-article ul, #hot-article li, #category ul {
list-style-type: none;
margin-left: -40px;
}
.user-action {
margin-left: 60px;
}
#spotlight {
color: #FFFFFF;
font-size: 20px;
font-family: Courier New, 微軟正黑體;
text-shadow: 2px 2px 5px #FF8800, -2px 2px 5px #660099, -2px -2px 5px #00AA00, 2px -2px 5px #AA00AA;
padding: 20px;
background-color: rgba(255, 255, 255, 0.2);
}
#spotlight h5 {
display: none;
}
#content {
float: left;
}
.refer {
font-family: Courier New, 微軟正黑體;
text-align: center;
list-style-type: none;
background-color: rgba(255, 255, 255,  0.2);
padding: 6px;
}
.refer li, .refer li a, .refer li a:hover {
color: #000000;
text-shadow: 0px 0px 5px #000000;
}
#trackback-title, #comment-title {
color: #FFFFFF;
text-shadow: 0px 0px 5px #FFFFFF;
}
#box932779 .box-text {
margin-left: 50px;
}
#user-info, #user-info a {
text-align: center;
}
#user-info dl {
margin-top: 60px;
}
#user-info dt {
display: none;
}
#footer p {
color: #FFFFFF;
font-size: 20px;
font-family: Courier New, 微軟正黑體;
text-shadow: 2px 2px 5px #FF8800, -2px 2px 5px #660099, -2px -2px 5px #00AA00, 2px -2px 5px #AA00AA;
letter-spacing: 3px;
line-height: 30px;
padding: 10px;
}
.floor {
color: #FFFFFF;
font-size: 25px;
font-family: AR BERKLEY;
text-shadow: 2px 2px 5px #FF8800, -2px 2px 5px #660099, -2px -2px 5px #00AA00, 2px -2px 5px #AA00AA;
list-style-type: none;
height: 25px;
width: 25px;
}
.user-name {
color: #FF8800;
text-shadow: 0px 0px 5px #FF8800;
margin: 5px;
}
.post-photo {
float: left;
margin-top: 5px;
}
.post-text {
color: #FF8800;
text-shadow: 0px 0px 5px #FF8800;
list-style-type: none;
margin-left: 100px;
}
.reply-text {
color: #BFFFFF;
text-shadow: 0px 0px 5px #BFFFFF;
list-style-type: none;
margin-top: 10px;
margin-left: 120px;
}
.reply-text p, .reply-text p a, .reply-text p a:hover, .reply-text p a:active {
color: #FFFFFF;
text-shadow: 0px 0px 5px #FFFFFF;
list-style-type: none;
margin-top: 10px;
margin-left: 120px;
}
.reply-text a {
color: #FF0000;
text-shadow: 0px 0px 5px #FF0000;
text-decoration: none;
}
.single-post {
background-color: rgba(0, 0, 0, 0.3);
}
#trackback-url {
float: right;
}
#toolbar-box {
width: 1007px;
}
#box986962 .box-text {
padding-left: 40px;
}
#tipLang #lang-list {
background-color: #000000;
list-style-type: none;
}
#tipLang #lang-list a {
color: #FFFFFF;
}
#tipLang #lang-list a:hover {
color: #FF0000;
background-color: #000000;
}
#category .box-text h6 {
font-size: 16px;
text-align: center;
margin-top: 4px;
margin-bottom: 4px;
}
#category .box-text .inner-box {
text-align: center;
text-decoration: none;
line-height: 20px;
}
#category .box-text img {
display: none;
margin-left: 10px;
}
.article-area-title {
color: #FFFF6A;
text-shadow: 0px 5px 5px #E9E900;
}
.main-list, .main-list a, #display, #display a {
color: #FFFFFF;
text-shadow: 0px 0px 5px #FFFFFF;
letter-spacing: 2px;
margin-bottom: 30px;
}
.article-content .recommended-posts3 a, .article-content .recommended-posts3 a:hover {
color: #1CD400;
border: none;
}
.article-content .recommended-posts3 {
border: none;
height: 80px;
width: 1000px;
}

影子
文字陰影是text-shadow: 往右平移 往下平移 影子粗細 顏色。
]body a {
]text-shadow: 3px 4px 5px #000000;

/*CSS 製作者：GPhettoH 歡迎任意修改與分享 (2011/6/3)*/
#banner a {
font-family: 微軟正黑體;
font-size: 24px;
color: #FF0000;
}
h2, .skiplink, #authority, #blog-category, .author img, #bottom, .back-to-top, .box-more img, .post-comment, .box-title img, .article-content .recommended-posts3 img, #recent-article img {
display: none;
}
#links {
width: 200px;
float: right;
margin-top: -90px;
margin-right: -200px;
}
#links a, #links {
font-family: 微軟正黑體;
color: #FFFFFF;
}
#links a:hover {
text-shadow: 0px 0px 5px #FFFFBF; filter: progid: DXImageTransform.Microsoft.Shadow (color = "#FFFFBF", strength = "5", direction: "315");
}
#links img {
position: relative;
margin-left: 50%;
}
#navigation {
text-align: center;
list-style-type: none;
float: right;
height: 80px;
width: 80px;
margin-right: 20px;
}
#navigation li a, #navigation a:active {
color: #FFAF6A;
font-size: 16px;
font-family: 微軟正黑體;
text-shadow: 0px 0px 5px #FFAF6A;
letter-spacing: 2pt;
line-height: 12px;
}
#navigation li a:hover {
color: #FFFFFF;
font-size: 20px;
text-shadow: none;
}
#blog-main {
width: 750px;
margin-left: 30px;
}
#login-bar, #header a, #header a:active {
color: #D0BFFF;
font-size: 10px;
font-family: 微軟正黑體;
text-decoration: none;
text-align: right;
width: 964px;
}
#login-bar a:hover {
text-shadow: 0px 0px 5px #D0BFFF;
}
#header {
background-image: url(http://pic.pimg.tw/gphettoh/35589bdc4f5f6a4128b7e8e88aeab2fb.png?v=1298729093);
background-repeat: no-repeat;
width: 750px;
height: 100px;
}
#header h1 {
display: none;
}
html {
background-image: url(http://pic.pimg.tw/gphettoh/82b41b088425db241386f407c9b193d8.png?v=1298712059);
background-attachment: fixed;
}
.box-title {
color: #FFFFFF;
font-family: 微軟正黑體;
font-size: 20px;
text-shadow: 0px 0px 5px #BFFFFF;
text-align: center;
letter-spacing: 2px;
}
.title {
text-align: center;
text-shadow: 2px 2px 10px #FF8800, -2px 2px 10px #00AA00, -2px -2px 10px #0000FF, 2px -2px 10px #AA00AA;
}
.article-head {
color: #FFFFFF;
font-family: 微軟正黑體;
font-size: 24px;
list-style-type: none;
}
.article-content {
color: #FFFFFF;
font-family: Courier New, 微軟正黑體;
padding: 10px;
background-color: rgba(0,0,0,0.3);
}
.article-content h1 {
color: #5599FF;
font-size: 24px;
text-shadow: 0px 0px 5px #5599FF;
text-align: left;
padding-left: 60px;
margin-top: -50px;
margin-bottom: 50px;
}
.article-content hr {
height: 2px;
width: 90%;
}
.article-content img {
border-radius: 10px;
box-shadow: 12px 12px 25px #FFFFFF;
}
.more {
font-size: 18px;
font-family: Courier New, 微軟正黑體;
text-shadow: 0px 0px 5px #FFFFFF;
text-decoration: none;
float: right;
}
.more a {
color: #FFFFFF;
}
.more a:hover {
color: #AA00AA;
text-shadow: 0px 0px 5px #AA00AA;
}
.author, .author a {
color: #000000;
font-family: 微軟正黑體;
font-size: 14px;
text-shadow: 0px 0px 5px #FFFFFF;
text-align: center;
}
.publish, .post-time {
color: #00AA00;
font-family: Courier New;
font-size: 12px;
text-align: right;
text-shadow: 0px 0px 5px #00AA00;
letter-spacing: 1px;
list-style-type: none;
padding-right: 15px;
}
#friendbox, #recent-article, #hot-article, #category {
text-align: center;
}
#recent-article ul, #hot-article li, #category ul {
list-style-type: none;
margin-left: -40px;
}
.user-action {
margin-left: 60px;
}
#spotlight {
color: #FFFFFF;
font-size: 20px;
font-family: Courier New, 微軟正黑體;
text-shadow: 2px 2px 5px #FF8800, -2px 2px 5px #660099, -2px -2px 5px #00AA00, 2px -2px 5px #AA00AA;
padding: 20px;
background-color: rgba(255, 255, 255, 0.2);
}
#spotlight h5 {
display: none;
}
#content {
float: left;
}
.refer {
font-family: Courier New, 微軟正黑體;
text-align: center;
list-style-type: none;
background-color: rgba(255, 255, 255,  0.2);
padding: 6px;
}
.refer li, .refer li a, .refer li a:hover {
color: #000000;
text-shadow: 0px 0px 5px #000000;
}
#trackback-title, #comment-title {
color: #FFFFFF;
text-shadow: 0px 0px 5px #FFFFFF;
}
#box932779 .box-text {
margin-left: 50px;
}
#user-info, #user-info a {
text-align: center;
}
#user-info dl {
margin-top: 60px;
}
#user-info dt {
display: none;
}
#footer p {
color: #FFFFFF;
font-size: 20px;
font-family: Courier New, 微軟正黑體;
text-shadow: 2px 2px 5px #FF8800, -2px 2px 5px #660099, -2px -2px 5px #00AA00, 2px -2px 5px #AA00AA;
letter-spacing: 3px;
line-height: 30px;
padding: 10px;
}
.floor {
color: #FFFFFF;
font-size: 25px;
font-family: AR BERKLEY;
text-shadow: 2px 2px 5px #FF8800, -2px 2px 5px #660099, -2px -2px 5px #00AA00, 2px -2px 5px #AA00AA;
list-style-type: none;
height: 25px;
width: 25px;
}
.user-name {
color: #FF8800;
text-shadow: 0px 0px 5px #FF8800;
margin: 5px;
}
.post-photo {
float: left;
margin-top: 5px;
}
.post-text {
color: #FF8800;
text-shadow: 0px 0px 5px #FF8800;
list-style-type: none;
margin-left: 100px;
}
.reply-text {
color: #BFFFFF;
text-shadow: 0px 0px 5px #BFFFFF;
list-style-type: none;
margin-top: 10px;
margin-left: 120px;
}
.reply-text p, .reply-text p a, .reply-text p a:hover, .reply-text p a:active {
color: #FFFFFF;
text-shadow: 0px 0px 5px #FFFFFF;
list-style-type: none;
margin-top: 10px;
margin-left: 120px;
}
.reply-text a {
color: #FF0000;
text-shadow: 0px 0px 5px #FF0000;
text-decoration: none;
}
.single-post {
background-color: rgba(0, 0, 0, 0.3);
}
#trackback-url {
float: right;
}
#toolbar-box {
width: 1007px;
}
#box986962 .box-text {
padding-left: 40px;
}
#tipLang #lang-list {
background-color: #000000;
list-style-type: none;
}
#tipLang #lang-list a {
color: #FFFFFF;
}
#tipLang #lang-list a:hover {
color: #FF0000;
background-color: #000000;
}
#category .box-text h6 {
font-size: 16px;
text-align: center;
margin-top: 4px;
margin-bottom: 4px;
}
#category .box-text .inner-box {
text-align: center;
text-decoration: none;
line-height: 20px;
}
#category .box-text img {
display: none;
margin-left: 10px;
}
.article-area-title {
color: #FFFF6A;
text-shadow: 0px 5px 5px #E9E900;
}
.main-list, .main-list a, #display, #display a {
color: #FFFFFF;
text-shadow: 0px 0px 5px #FFFFFF;
letter-spacing: 2px;
margin-bottom: 30px;
}
.article-content .recommended-posts3 a, .article-content .recommended-posts3 a:hover {
color: #1CD400;
border: none;
}
.article-content .recommended-posts3 {
border: none;
height: 80px;
width: 1000px;
}

圖片圓角border-radius
圖片圓角是CSS3 新增的功能。語法是border-radius: 弧度。
]body img {
]border-radius: 10px;

/*CSS 製作者：GPhettoH 歡迎任意修改與分享 (2011/5/15)*/
#banner a {
font-family: 微軟正黑體;
font-size: 24px;
color: #FF0000;
}
h2, .skiplink, #authority, #blog-category, .author img, #bottom, .back-to-top, .box-more img, .post-comment, .box-title img, .article-content .recommended-posts3 img, #recent-article img {
display: none;
}
#links {
width: 200px;
float: right;
margin-top: -90px;
margin-right: -200px;
}
#links a, #links {
font-family: 微軟正黑體;
color: #FFFFFF;
}
#links a:hover {
text-shadow: 0px 0px 5px #FFFFBF; filter: progid: DXImageTransform.Microsoft.Shadow (color = "#FFFFBF", strength = "5", direction: "315");
}
#links img {
position: relative;
margin-left: 50%;
}
#navigation {
text-align: center;
list-style-type: none;
float: right;
height: 80px;
width: 80px;
margin-right: 20px;
}
#navigation li a, #navigation a:active {
color: #FFAF6A;
font-size: 16px;
font-family: 微軟正黑體;
text-shadow: 0px 0px 5px #FFAF6A;
letter-spacing: 2pt;
line-height: 12px;
}
#navigation li a:hover {
color: #FFFFFF;
font-size: 20px;
text-shadow: none;
}
#blog-main {
width: 750px;
margin-left: 30px;
}
#login-bar, #header a, #header a:active {
color: #D0BFFF;
font-size: 10px;
font-family: 微軟正黑體;
text-decoration: none;
text-align: right;
width: 964px;
}
#login-bar a:hover {
text-shadow: 0px 0px 5px #D0BFFF;
}
#header {
background-image: url(http://pic.pimg.tw/gphettoh/35589bdc4f5f6a4128b7e8e88aeab2fb.png?v=1298729093);
background-repeat: no-repeat;
width: 750px;
height: 100px;
}
#header h1 {
display: none;
}
html {
background-image: url(http://pic.pimg.tw/gphettoh/82b41b088425db241386f407c9b193d8.png?v=1298712059);
background-attachment: fixed;
}
.box-title {
color: #FFFFFF;
font-family: 微軟正黑體;
font-size: 20px;
text-shadow: 0px 0px 5px #BFFFFF;
text-align: center;
letter-spacing: 2px;
}
.title {
text-align: center;
text-shadow: 2px 2px 10px #FF8800, -2px 2px 10px #00AA00, -2px -2px 10px #0000FF, 2px -2px 10px #AA00AA;
}
.article-head {
color: #FFFFFF;
font-family: 微軟正黑體;
font-size: 24px;
list-style-type: none;
}
.article-content {
color: #FFFFFF;
font-family: Courier New, 微軟正黑體;
padding: 10px;
background-color: rgba(0,0,0,0.3);
}
.article-content h1 {
color: #5599FF;
font-size: 24px;
text-shadow: 0px 0px 5px #5599FF;
text-align: left;
padding-left: 60px;
margin-top: -50px;
margin-bottom: 50px;
}
.article-content hr {
height: 2px;
width: 90%;
}
.more {
font-size: 18px;
font-family: Courier New, 微軟正黑體;
text-shadow: 0px 0px 5px #FFFFFF;
text-decoration: none;
float: right;
}
.more a {
color: #FFFFFF;
}
.more a:hover {
color: #AA00AA;
text-shadow: 0px 0px 5px #AA00AA;
}
.author, .author a {
color: #000000;
font-family: 微軟正黑體;
font-size: 14px;
text-shadow: 0px 0px 5px #FFFFFF;
text-align: center;
}
.publish, .post-time {
color: #00AA00;
font-family: Courier New;
font-size: 12px;
text-align: right;
text-shadow: 0px 0px 5px #00AA00;
letter-spacing: 1px;
list-style-type: none;
padding-right: 15px;
}
#friendbox, #recent-article, #hot-article, #category {
text-align: center;
}
#recent-article ul, #hot-article li, #category ul {
list-style-type: none;
margin-left: -40px;
}
.user-action {
margin-left: 60px;
}
#spotlight {
color: #FFFFFF;
font-size: 20px;
font-family: Courier New, 微軟正黑體;
text-shadow: 2px 2px 5px #FF8800, -2px 2px 5px #660099, -2px -2px 5px #00AA00, 2px -2px 5px #AA00AA;
padding: 20px;
background-color: rgba(255, 255, 255, 0.2);
}
#spotlight h5 {
display: none;
}
#content {
float: left;
}
.refer {
font-family: Courier New, 微軟正黑體;
text-align: center;
list-style-type: none;
background-color: rgba(255, 255, 255,  0.2);
padding: 6px;
}
.refer li, .refer li a, .refer li a:hover {
color: #000000;
text-shadow: 0px 0px 5px #000000;
}
#trackback-title, #comment-title {
color: #FFFFFF;
text-shadow: 0px 0px 5px #FFFFFF;
}
#box932779 .box-text {
margin-left: 50px;
}
#user-info, #user-info a {
text-align: center;
}
#user-info dl {
margin-top: 60px;
}
#user-info dt {
display: none;
}
#footer p {
color: #FFFFFF;
font-size: 20px;
font-family: Courier New, 微軟正黑體;
text-shadow: 2px 2px 5px #FF8800, -2px 2px 5px #660099, -2px -2px 5px #00AA00, 2px -2px 5px #AA00AA;
letter-spacing: 3px;
line-height: 30px;
padding: 10px;
}
.floor {
color: #FFFFFF;
font-size: 25px;
font-family: AR BERKLEY;
text-shadow: 2px 2px 5px #FF8800, -2px 2px 5px #660099, -2px -2px 5px #00AA00, 2px -2px 5px #AA00AA;
list-style-type: none;
height: 25px;
width: 25px;
}
.user-name {
color: #FF8800;
text-shadow: 0px 0px 5px #FF8800;
margin: 5px;
}
.post-photo {
float: left;
margin-top: 5px;
}
.post-text {
color: #FF8800;
text-shadow: 0px 0px 5px #FF8800;
list-style-type: none;
margin-left: 100px;
}
.reply-text {
color: #BFFFFF;
text-shadow: 0px 0px 5px #BFFFFF;
list-style-type: none;
margin-top: 10px;
margin-left: 120px;
}
.reply-text p, .reply-text p a, .reply-text p a:hover, .reply-text p a:active {
color: #FFFFFF;
text-shadow: 0px 0px 5px #FFFFFF;
list-style-type: none;
margin-top: 10px;
margin-left: 120px;
}
.reply-text a {
color: #FF0000;
text-shadow: 0px 0px 5px #FF0000;
text-decoration: none;
}
.single-post {
background-color: rgba(0, 0, 0, 0.3);
}
#trackback-url {
float: right;
}
#toolbar-box {
width: 1007px;
}
#box986962 .box-text {
padding-left: 40px;
}
#tipLang #lang-list {
background-color: #000000;
list-style-type: none;
}
#tipLang #lang-list a {
color: #FFFFFF;
}
#tipLang #lang-list a:hover {
color: #FF0000;
background-color: #000000;
}
#category .box-text h6 {
font-size: 16px;
text-align: center;
margin-top: 4px;
margin-bottom: 4px;
}
#category .box-text .inner-box {
text-align: center;
text-decoration: none;
line-height: 20px;
}
#category .box-text img {
display: none;
margin-left: 10px;
}
.article-area-title {
color: #FFFF6A;
text-shadow: 0px 5px 5px #E9E900;
}
.main-list, .main-list a, #display, #display a {
color: #FFFFFF;
text-shadow: 0px 0px 5px #FFFFFF;
letter-spacing: 2px;
margin-bottom: 30px;
}
.article-content .recommended-posts3 a, .article-content .recommended-posts3 a:hover {
color: #1CD400;
border: none;
}
.article-content .recommended-posts3 {
border: none;
height: 80px;
width: 1000px;
}