7.2 ➡️Border & Border-Radius

Sehen Sie sich “Section 8 Topic 84” an.

Was ich in diesem Video lernen kann:

Border & Border-Radius:

Sie können einen Rahmen für das Box-Modell erstellen. Um diesen Rahmen zu erstellen, müssen Sie die Größe, Art und Farbe des Rahmens angeben. Border-Radius soll die Form der Ecken verändern.

HTML:

<div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec
        nibh vitae orci hendrerit placerat fringilla
        eget ante. Donec luctus tortor ac lectus pretium, a dignissim libero
        posuere. Aenean posuere mauris eget dolor
        ultricies laoreet. Suspendisse feugiat, urna a placerat volutpat, orci
        ipsum convallis tellus, nec ultricies
        libero lectus placerat metus. Maecenas vitae est arcu. Donec porta,
        mi non cursus scelerisque, purus orci
        lobortis lectus, eu hendrerit sem odio sit amet diam. Pellentesque
        pulvinar placerat quam nec pellentesque. Nam
        eu mi tristique, euismod felis ac, tincidunt magna. In hac habitasse platea
        dictumst.</div>
HTML

CSS:

div {
    width: 500px;
    height: 200px;
    background-color: aqua;
    border: 5px solid black;
    border-radius: 20px;
}
CSS

Result: