Friday, May 3, 2013

Chèn code trong khung trên bài viết của Blogger


Chèn trước
 ]]></b:skin>
Với cách này người ta có thể dùng hình ảnh đánh số thứ tự làm nền để đoạn code hiển thị trông đẹp hơn. Bạn có thể chép đoạn code sau mà tôi đang dùng cho template của mình.Demo =>  http://www.thuthuatvui.com


pre, code {
  display:block;
  font: 1em 'Courier New', Fixed, monospace;
  font-size : 100%;
  color: #666666;
  background : #fff url(http://img178.imageshack.us/img178/1307/prepb3.jpg) no-repeat left top;
  overflow : auto;
  text-align:left;
  border : 1px solid #99cc66;
  padding : 0px 20px 0 30px;
  margin:1em 0 1em 0;
  line-height:17px;
}

No comments:

Post a Comment