首页 > 代码库 > css3样式

css3样式

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.字体:自定义的字体样式

 

css3样式