CSS畫三角形、圓形、橢圓形總結(jié)

CSS畫正方形長(zhǎng)方形很簡(jiǎn)單，本文就不說(shuō)了。

東寧ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

一、三角形

1、CSS畫等腰三角形

2、畫直角三角形：

二、畫圓形

注意：border-radius是width/height的一半（50%）。

畫半圓：

半圓的畫法是把高度設(shè)為寬度的一半，并且也只設(shè)置左上角和右上角的半徑，且半徑為寬度的一半。

畫四分之一圓：是把高度和寬度設(shè)置為相等，只設(shè)置一個(gè)圓角，其半徑等于高度或?qū)挾取?/p>

三、畫橢圓

斜杠前面的一組四個(gè)值分別表示四個(gè)角的水平半徑；斜杠后面的一組四個(gè)值分別表示四個(gè)角的垂直半徑。

四、平行四邊形

margin-left是為了使得平行四邊形可以全部在瀏覽器中顯示出來(lái)

五、梯形

高度為0。有寬度沒(méi)高度。

六、五邊形、六邊形

css如何做外面是圓的里面是橢圓的

你需要用到這個(gè)屬性border-radius:0 0 0 0;

設(shè)置兩個(gè)DIV，里面的DIV比外邊的小，定義高度寬度邊框線，然后使用上面的樣式，按照border-radius:上px 右px 下px 左px;的方式來(lái)調(diào)整你的DIV，不止可以橢圓，其他形狀也可以。

還有一個(gè)方法，使用背景圖片。

用CSS 創(chuàng)建橢圓怎么弄

你可以先寫一個(gè)邊框border 然后寫border-radius:50%； 這樣是圓形的，border-radius:5px；這樣你就可以看到邊框有點(diǎn)橢圓了

新聞標(biāo)題：橢圓css樣式,橢圓的格式
鏈接分享：http://m.rwnh.cn/article38/phjipp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、云服務(wù)器、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)