2007年8月31日星期五

Blogger的CSS代码添加

Blogger对CSS的支持非常不错,可以允许作者自己编写代码改进外观,我刚学,尝试写了几个添加进来,包括em, p,article, poem, quote, code:

em {
  color: #FF6600;
  font-weight: bold; /*强调的样式*/
  }

p {
  margin: 0 0 1em 0;
  }

.article p {
  text-indent: 26px; /*此代码是段落书写时首行文字缩进26px,即2个中文字符*/
  }

.poem {
 background-color: #FFFFCC;
 padding-left: 50px /*此代码是引用诗句时的段落格式*/
  }

.quote {
  background-color: #FFCCCC;
  border-color: #FF99CC;
  border-style: dashed;
  border-width: 1px;
  color: #333333;
  margin: 0px 50px;
  padding: 25px 25px; /*此代码是引用文章时的段落格式*/
  }

.code {
  background-color: #CCCCCC;
  border-color: #FF9900;
  border-style: dashed;
  border-width: 1px;
  color: #666666;
  margin: 0px 50px;
  padding: 25px 25px; /*此代码是引用代码时的段落格式*/
  }

没有评论: