Digitális kiadványok
CSS
CSS technikák
Bootstrap
Kör, ellipszis
Kör
Kört a
border-radius (keret lekerekítés) CSS tulajdonsággal lehet létrehozni blokkos elemekből. Alapfeltétel, hogy az elem szélessége és magassága megegyezzen. A border-radius értéke 50%, vagy nagyobb kell legyen, hogy létrejöjjön a kör.1
div {
2
width: 150px;
3
height: 150px;
4
border-radius: 50%;
5
}
Copied!
Ellipszis
Annyiban különbözik a körtől, hogy az oldalak hosszai nem ugyanakkorák, ha a szélessége nagyobb a magasságánál, fekvő ellipszis jön létre, ha a magassága nagyobb szélességénél, álló ellipszis.
1
div {
2
width: 200px;
3
height: 150px;
4
border-radius: 50%;
5
}
Copied!
Háttérkép és keret is használható ezzel a technikával:
Last modified 3yr ago