首頁 > web前端 > html教學 > MyBlogCSS_html/css_WEB-ITnose

MyBlogCSS_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:35:46
原創
1092 人瀏覽過

今天花了半天重写了博客CSS,还有些地方没写好,改天在改,博客园的自定义CSS就好用,想怎么写就怎么写,练手也正好。

/**************************************************时间:2015.10.7作者:asd博客:http://www.cnblogs.com/blogg主题颜色:#2CAC63布局:3栏/**************************************************/*{	margin:0px;	padding:0px;	font-family: 微软雅黑;}a{text-decoration: none;}ul{list-style-type: none;}body{background-color: #fff;}/****************头部*********************/#header{	background-color: #2CAC63;	width:250px;	height:100%;	position: fixed;}#navigator{	margin-top: 300px;	}#navList,#navigator a{	width:100px;	margin: 0px auto;	color:#fff;}.blogStats{	margin-left:20px;	color:#fff;}#blogTitle{padding:15pxmargin-left:30px;margin-top:-10px;color:#fff;}#blogTitle h2{margin:12px;}.headermaintitle{	visibility: hidden;}/*公告*/#profile_block,{	visibility: hidden;}.newsItem{		position: fixed;	top:60px;	left: 20px;}#blog-news{	height: 180px;}.newsItem h3{	visibility: hidden;}#ad{	border-radius:50%;}/*搜索栏*/#sidebar_search{	position: fixed;	top:280px;	left: 40px;}.mySearch h3{	visibility: hidden;}/*****************中间********************/#mainContent{	position: absolute;	margin-top: 15px;	left:270px;	width:1100px;}/*博客内容*/.day{	padding:25px;	margin-bottom: 15px;	background:#fff;	border:1px solid #cccccc;}.day:hover{	border-color: #2CAC63;}/*文章标题*/.postTitle{	border-left-style: solid;	border-left-color: #2CAC63;	border-left-width: 3px;	padding-left: 10px;	font-size: 20px;}.postTitle a {	color:#000000;}/*摘要*/.postCon{	margin-top:15px;	font-size:14px;	color:#757575;}/*日期*/.dayTitle{	width:95px;	border:1px solid #cccccc;	font-size: 12px;	margin-bottom: 10px;}.dayTitle a{	color:#000000;	padding-left:3px;}/*发布时间*/.postDesc{	visibility: hidden;}/*阅读全文*/.c_b_p_desc_readmore{	width: 60px;	color:#fff;	border-radius:.25em;	position: absolute;	left:1000px;	margin-top: 30px;	background-color: #2CAC63;}/*****************侧边*********************/#sideBarMain{	width:250px;	float:left;	padding:15px;	font-size:15px;	position:absolute;	left:1380px;	list-style-type: none;}#sideBarMain li a{	color:#171717;	padding:25px;}#sideBarMain h3{}/*侧边栏标题*/.catListTitle{	background-color: #2CAC63;	padding:5px;	text-align: center;	font-size: 17px;	color:#fff;}/*侧边栏集合*/.catListEssay,.catListLink,.catListNoteBook,.catListTag,.catListFavoritCategory,.catListPostCategory,.catListPostArchive,.catListArticleArchive,.catListImageCategory,.catListComment,.catListView,.catListFeedback,.catListMyTeams,.catListBlogRank,#sidebar_links68207,.sidebar_links682073{margin-bottom: 10px;border-radius:5px;box-shadow:0px 0px 3px rgba(0,0,0,0.2);}/*侧边栏内容*/.profile_block{	padding:15px;}/*找找看*/.btn_my_zzk{	background-color: #2CAC63;	border:none;	color:#fff;}/*****************************************/
登入後複製

  

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板