css如何弄成书信的格式

html-css029

css如何弄成书信的格式,第1张

试试下面的:

HTML:

<h2>吉林民政厅厅长致辞</h2>

<p>

热烈欢迎XXXX网站。

</p>

<p>

这又是一段内容,而且内容很长,可能需要换行,但没关系,可以正常换行的。这又是一段内容,而且内容很长,可能需要换行,但没关系,可以正常换行的。这又是一段内容,而且内容很长,可能需要换行,但没关系,可以正常换行的。这又是一段内容,而且内容很长,可能需要换行,但没关系,可以正常换行的。这又是一段内容,而且内容很长,可能需要换行,但没关系,可以正常换行的。

</p>

<p>

热烈欢迎XXXX网站。欢迎XXXX网站。欢迎XXXX网站。

</p>

<p>

热烈欢迎XXXXX网站。

</p>

<p class="footer">

吉林省民政厅厅长:<span>郑国君</span>

</p>

CSS:

*{margin:0padding:10px}/*这里是初始化,如果已经有,请删除*/

h2{font-size:20pxtext-align:centercolor:red}

body{font-size:12pxbackground:#fff}

p{line-height:30pxtext-indent:2em}

.footer{text-align:right}

.footer span{font-size:16pxfont-family:'楷体'font-weight:bold}

特殊字体一般不是说不能添加,而是考虑到用户电脑上预装的字体有限,所以局限在宋体和微软雅黑两种字体,css属性中有个font属性,例如{font-family:"迷你简菱心"},在装过这个字体的的电脑会有效果,但是再没有装过的电脑可能就是其它字体了,一般会解析为宋体,问题解决一般由两种解决方案。

第一:css3下载字体,代码如下

@font-face

{

font-family:

'自己命名字体名字'

src:

url('字体路径')

src:

url('FileName.eot?#iefix')

format('embedded-opentype'),

/*其它格式*/

url('FileName.woff')

format('woff'),

url('FileName.ttf')

format('truetype'),

url('FileName.svg#FontName')

format('svg')

font-style:

normal

font-weight:

normal

/*设置默认样式*/

}

.aa{font-family:"自己命名字体名字"}

不兼容ie8及以下浏览器

第二:切png图片