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.字體：自定義的字體樣式

?

轉載于:https://www.cnblogs.com/LeiFenggreed/p/5907750.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。