2、在新建文档窗口，选择“空白页”―“HTML”，文档类型选择“XHTML1.0 transitional”,单击“创建”按钮
3、将插入点放在文档中，然后在菜单栏单击“格式”，在弹出的下拉菜单中选择“CSS样式”―“新建”
4、在“ 新建 CSS 规则” 对话框中，指定要创建的 CSS 规则的选择器类型：
若要创建一个可作为 class 属性应用于任何 HTML 元素的自定义样式，请从“ 选择器类型” 弹出菜单中选择“ 类” 选项，然后在“ 选择器名称” 文本框中输入样式的名称。
（1）在CSS样式中单击【新建】菜单命令，打开【新建CSS规则】对话框，选择【选择器类型】为“标签”、选择【选择器名称】为img（2）单击上图中的【确定】按钮，打开【img的CSS规则定义】对话框，选择【方框】选项。
单击【Float】选项下拉按钮，选择【left】选项，设置【Margin】选区中的选项为全部相同，值设为5，
（3）单击【img的CSS规则定义】左侧分类中的边框，如下图所示。
设置边框右侧属性为全部相同，“Style”值设为solid，“Width”值设为“2”；“Color”值设为“#F00”，至此图片CSS规则设置规则设置完毕，单击【确定】按钮，关闭规则编辑框。设置完后，可以发现实现效果与手工编写方式是一致的，没有什么不同。
方法如下：1、点击css样式窗口的"新建css规则"，打开新建css规则对话框。2、在选择器类型中选择“类”，选择器名称选择.title，在规则定义中选择新建样式表文件。点击确定后选择样式文件要放置的文件夹。3、这样就创建了一个css样式文件，并新建了一个名为.title的样式。在打开的css规则定义对话框中的左侧选择类型，这就是css规则的类型样式，主要用于设置文本的css样式。
