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可以使用圖片來創(chuàng)建邊框

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可向文本應(yīng)用陰影

如：

h1
{
text-shadow: 5px 5px 5px #FF0000;
}

word-wrap 屬性允許您允許文本強(qiáng)制文本進(jìn)行換行 - 即使這意味著會對單詞進(jìn)行拆分

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

3.字體：自定義的字體樣式

?

轉(zhuǎn)載于:https://www.cnblogs.com/LeiFenggreed/p/5907750.html

總結(jié)

以上是生活随笔為你收集整理的CSS3样式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。