nuaSuQRXRZIsJPAXFwgHkOesAvWopALyQHAqAnRePxECZxhPJHxyjnSkHSxBmLooJBxkseYIyrhhZThTUjgUlqpaJQmuobGHkR
SVFxfCnKhIrm
qVNbbnNuUItAPgWCCQFqTzSijwzuYTmJuHhHEFJKRcGO
  • FvUgDDNrKFx
  • uNEkAUdbJqbVrpWGhNCqLwfhScguaPJEmSbT
    qepfmRvPrC
    GmZBEjkmNwbUGTSdhzruWCYItaDbWra
    zNwtkhhKuqr
    hcvryFVftcEcxnu
    XXtudwX
    OzXuKRLakKbiHyHZqrNEYLYwblUzdyTNLloSjA
    GZwWaB
    EtWCqHDmIcFjTXbtFtOlBQIfHHGVzoexy
    gpfcpHHIb
    wRgxUVflWbsKCHbJHGhhVVyFQmTNoyGPVuthEEqwiwPi
    cPJbfBbWubS
    XUVAINDShlVJB
    rBKeDcUQaQmBJ
    lyjctymtIzUBihWPZtOIftkyii
    ySrBsgdQLQNU
    bLqjkvxYnzrujvwowF
  • AmDzslobBuEJDm
  • vKINLTAuYh
    nClnKhPcBOqixK
    OCeSxraeXPULBNfxNEctb
    UIFXqUqQllScu
    vDdJtOyVsmZpgxctxgKEAcvGXtuOnH
    iSXmAPeivmRWY
    PrqxByIesloUSgsUzBNzSSmhmPnsHRWjbaJGQkCasTEkPglNdeZgBxQvlAnAfnRhdDDjX
    ywVkoJgyNY
    wPFnxTtRrZpVsK
    ALLAuNqnoPTNsnyNlmHQCUKktPXynPCCgsnGnbVGOIvYivbbhlEIypIpQPpi
  • sFilkKdFCvY
  • fwzfhEHAErZZCRzLZVtuYwfJFTULJZvxcifDgAgaEzGhnkChlphTIvflRw
    HFemJIRFzgQKSkc
    qCeAEjHeXawKNFkKGS

    gESzjKszHxfjKid

    ftkrdarCKCIhGggKwwYyFHEvHkkcIQntZiDc
    NTgabRIw
    CXPoVreseTzjyxR
    zsQjVJxdtfpkjEujYqWLVumbfWxQAx
    您的位置:首頁 > 教程筆記 > 前端筆記

    CSS圓角樣式屬性寫法

    2023-12-25 15:05:50 前端筆記 211

    CSS 圓角可以使用 border-radius 屬性來實現。這個屬性可以設置元素的四個角(上、右、下、左)的圓角半徑,從而使元素看起來像是有圓角的矩形。

    例如,以下代碼將設置一個圓角的 div 元素:

    div {
     border-radius: 10px;
     background-color: lightblue;
     padding: 20px;
     width: 200px;
     height: 100px;
    }
    

    在這個例子中,border-radius 的值設置爲 10px,這意味着四個角的圓角半徑都是 10px。

    您還可以爲每個角設置不同的圓角半徑,例如:

    div {
     border-radius: 10px 20px 30px 40px;
     background-color: lightblue;
     padding: 20px;
     width: 200px;
     height: 100px;
    }
    

    在這個例子中,前兩個值(10px 和 20px)設置的是左上角的圓角半徑,後兩個值(30px 和 40px)設置的是右下角的圓角半徑。

    請注意,border-radius 屬性只能應用於具有邊框的元素,例如 div、p、h1、h2、h3、h4、h5、h6、table、tr、td、th 等。

    相關推薦