2013/03/17

[其他] 分享我在blogger上用的css語法

  • 黑底白字的框框
長得像這樣,用來放shell的command時用的
$ make -j4
先在可以編輯blogger的html的地方加入以下(加在<head></head>之間)
<style type='text/css'>
.command
{
      width: 80%;
      height: auto;
      background-color: black;
      color: white;  
      font-family: courier;
      border-radius: 3px;
}
</style>

使用範例
<pre class="command">
$ make -j4
</pre>


  • 淺色底黑字的框框

用來強調某些東西用的,例如檔案的名字, 工具的名字等
colorgcc

先在可以編輯blogger的html的地方加入以下(加在<head></head>之間)
<style type='text/css'>
.specify
{
     width: auto;
     height: auto;
     background-color: #DEDEDE;
     color: black;
     font-weight: bold;
     font-family: courier;
     border-style: solid;
     border-width: 1px;
     border-color: #90ABE2;
}
</style>

使用範例
<span class="specify">colorgcc</span>
不要使用<p></p>或<pre></pre>,不然框框會佔一整行


沒有留言:

張貼留言