建站
咨詢
售后
建站咨詢
新聞中心
本篇內(nèi)容介紹了“CSS3圓角屬性的詳細(xì)介紹”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
成都創(chuàng)新互聯(lián)是一家專注于網(wǎng)站制作、做網(wǎng)站與策劃設(shè)計(jì),明溪網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:明溪等地區(qū)。明溪做網(wǎng)站價(jià)格咨詢:18982081108
border-radius圓角
圓形，border-radius制作圓角有兩點(diǎn)技巧。 -元素的寬度和高度相同。 -圓角的半徑值為元素寬度或?qū)挾鹊囊话牖蛘咧苯釉O(shè)置圓角半徑值為50%。
2.半圓，border-radius制作半圓與制作圓形的方法是一樣的，只是元素的寬度與圓角方位要配合一致，不同的寬度和高度比例，以及圓角方位，可以制作上半圓、下半圓、 左半圓 和 右半圓效果。扇形，border-radius制作扇形， 其實(shí)就是使用border- radius屬性制作四分之一圓形。 遵循“ 三 同，一 不同”原則， 其中“ 三 同” 是指元素的寬度、高度 和圓角半徑值相同， 而“ 一 不同” 指的是圓角位置不同。 根據(jù)圓角取值位置不一樣， 可以分左上、右上、右下和左下四種扇形效果。
http:/ /www.iis7.com/b/wzjk/橢圓，橢圓其實(shí)就是一個(gè)圓形受到擠壓而成的一種形狀，border-radius制作橢圓也非常方便，只受限于元素的寬度或高度， 然后就是圓角半徑， 制作橢圓的 圓角半徑和其他圖形有所不一樣， 需要設(shè)置圓角的水平和垂直方向的半徑值。 橢圓有兩種， 一種是水平的， 另外一種是垂直的。 它們之間的差別只是方向性的 區(qū)別， 其制作方法是一樣的。 制作水平橢圓， 元素寬度是高度的2倍， 而且border-radius的水平半徑等于元素寬度， 垂直半徑等于元素高度；而垂直橢圓剛好 與水平橢圓的參數(shù)相反。
“CSS3圓角屬性的詳細(xì)介紹”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！
網(wǎng)站題目：CSS3圓角屬性的詳細(xì)介紹
當(dāng)前路徑：http://www.ef60e0e.cn/article/jhieci.html
