有些HTML网页上的图片蓝框。效果如下图：

这是因为图片有超链接(即img标签外有a标签)，图片链接的蓝框和文字链接的下划线含义相似。要去除图片蓝框也很简单，方法有2种：

1. 在img标签中增加border=”0″，如<img src=”http://jijian91.com/favicon.ico” border=”0″>
2. 在图片的css代码中设置 border=”0″

去除图片蓝框，效果如下图：

原文http://jijian91.com/blog20080902/remove-img-blue-border.html

HTML页面居中显示，是指将小于屏幕宽度的HTML页面显示在左右居中的位置。

这种需求很常见，用css和div实现也很简单，只需2步，5-6行代码：

1. 在HTML文件中，定义1个div(id为jijian91_outer)，把网页全部显示内容包裹起来

2. 在css文件中，定义该div的css属性
div#divcentera {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

其中， margin-left和margin-right是网页居中的关键。width是为了演示，可根据实际需要修改。

示例代码如下：
继续…

原文http://jijian91.com/blog20080604/div-css-center.html

CSS Sprites技术是将一组小图片合成为1张图片，以节省传输时间和带宽。具体制作方法如下：

1. 将要组合的图片压缩成zip文件。各图片的尺寸最好一样。

2. 到spritegen生成sprite图片和css.
输入以下内容：

• 步骤1中压缩的图片zip
• 单个图片的宽度(Horizontal Offset)和高度(Vertical Offset)像素数
• 生成的图片文件格式(Sprite Output Format)，可选gif、png、jpg。可以分别生成，取尺寸最小的。

然后，点击”Create Sprite Image & CSS”生成图片和CSS.

继续…

原文http://jijian91.com/blog20080603/css_sprites_action.html