码迷,mamicode.com
首页 > Web开发 > 详细

CSS3样式

时间:2016-09-26 06:27:22      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:

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样式

标签:

原文地址:http://www.cnblogs.com/LeiFenggreed/p/5907750.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!