1.边框

div

{

border:2px solid;

border-radius:25px;

-moz-border-radius:25px; /* Old Firefox */

}

border-radius可以让边框的角变成园

box-shadow是用于向方框添加阴影

例如

div

{

box-shadow: 10px 10px 5px #888888;

}

border-image可以使用图片来创建边框

div

{

border-image:url(border.png) 30 30 round;

-moz-border-image:url(border.png) 30 30 round; /* 老的 Firefox */

-webkit-border-image:url(border.png) 30 30 round; /* Safari 和 Chrome */

-o-border-image:url(border.png) 30 30 round; /* Opera */

}

2.文本效果

text-shadow可向文本应用阴影

如：

h1

{

text-shadow: 5px 5px 5px #FF0000;

}

word-wrap 属性允许您允许文本强制文本进行换行 - 即使这意味着会对单词进行拆分

如：p {word-wrap:break-word;}

3.字体：自定义的字体样式