css中的border-radius屬性如何使用

發布時間：2022-03-01 15:16:00 來源：億速云閱讀：134 作者：小新欄目：web開發

這篇文章主要介紹css中的border-radius屬性如何使用，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

　　CSS3border-radius屬性

　　作用：border-radius屬性用于創建圓角

　　說明：border-radius屬性是一個最多可指定四個border-*-radius屬性的復合屬性。

　　基本語法：

　　border-radius:1-4length|%;

　　注意:每個半徑的四個值的順序是：左上角，右上角，右下角，左下角。如果省略左下角，右上角是相同的。如果省略右下角，左上角是相同的。如果省略右上角，左上角是相同的。

　　css3border-radius屬性的使用示例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<style>

　　div

　　{

　　text-align:center;

　　border:2pxsolid#a1a1a1;

　　padding:10px40px;

　　background:#dddddd;

　　width:350px;

　　border-radius:25px;

　　-moz-border-radius:25px;/*老的Firefox*/

　　margin:100pxauto;

　　}

　　</style>

　　</head>

　　<body>

　　<div>border-radius屬性允許您向元素添加圓角。</div>

　　</body>

　　</html>

以上是“css中的border-radius屬性如何使用”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站