css3圓角(還有百分比設置橢圓) 陰影 字體


一、

現在前面只寫知識點,全部內容放在后面截圖展示:

給元素添加圓角:

border-radius屬性,他的值如果等於高的一半,將會等到一個圓形,大於一半葉然是一個圓形

radius是指半徑,他求出圓在矩形上的切面。

border-radius可以設置4個方向的值。

二、

box-shadow為元素添加陰影

書寫格式:

box-shadow:水平陰影的位置 垂直陰影的位置 模糊距離 顏色

例子:box-shadow:10px 20px 5px blue

css3文本效果

text-shadow(文字陰影)

這個屬性可以指定水平陰影、垂直陰影、模糊的距離以及陰影的顏色。

例子:

P{text-shadow:5px 5px 5px #FF0000}

三、

CSS3字體

寫法:

@font-face{font-family:自定義名字;src:url(“引入字體的路徑”)}

p{font-family:你自定義的名字;}

以下是詳細信息

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM