样式示例

/ 1,718 阅读 / 0

嗯……

这是一个文章常用 CSS 样式的示例页面,里面有着主题原作者的一些 CSS 样式,也有我自己折腾的一些 CSS 样式。把这些东西发在这里其实只是为了让自己记住,在发文的过程中有这些写好的 CSS 可以用。

以下为相关文章样式展示

测试一下鼠标经过时变色也有我自己折腾的一些 CSS 样式。


标题 one

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。

标题 two

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。

标题 three

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。

标题 four

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。

标题 five

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。

标题 SIX

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。


下划线

我个人更多的认为这是品牌的一点点成长,如你所见,吾乃下划线是也。


正文

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。可口可乐在这个方面是做得很好的,他的品牌建设花费了一百多年,并且今天仍在不断的更新升级当中。


代码

font-family: "Microsoft YaHei", Helvetica, Serif, Verdana; //选择字体 
font-size: 16px; //设置字体大小 
line-height: 1.8em; //设定行高,这里是 1.8 倍字体大小 
letter-spacing: 0.06em; //设定字符间距(字母之间、汉字之间距离),这里是字体大小的 0.06 倍

引用

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。可口可乐在这个方面是做得很好的,他的品牌建设花费了一百多年,并且今天仍在不断的更新升级当中。

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。


左侧竖线标题框

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。可口可乐在这个方面是做得很好的,他的品牌建设花费了一百多年,并且今天仍在不断的更新升级当中。

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。


step

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。

标题

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。


Blockquote 引用

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。可口可乐在这个方面是做得很好的,他的品牌建设花费了一百多年,并且今天仍在不断的更新升级当中。

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。


Table Styles 表格

Table Header 1Table Header 2Table Header 3
Division 1表格的内容有很多Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3

Bottom 按钮

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。

Download 下载按钮

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。

直达按钮

我个人更多的认为这是品牌的一点点成长,是非常非常有必要的,他就像人的发展一样,不断的探索、优化,越变越好。

dh 按钮


测试外链图片


剩下的当然就是返回仪表盘记录并积累属于自己的全新内容。