0
Ich lerne uikit und versuche, gebogene Grenzen zu verschiedenen Abschnitten meiner Seite hinzuzufügen, aber ich kann es nicht herausfinden.Wie füge ich einen gekrümmten Rand zu verschiedenen Abschnitten meines HTML hinzu?
Das Beispiel Ich versuche, sieht wie folgt zu folgen, das ist, wie ich es sehen möchten:
header{background-color:#000000;width:100%;height:200px;font-size:100px;text-align:center;}
nav{background-color:#000000;width:20%;height:1300px;float:left;font-size:20px;text-align:center;color:#FFFFFF;}
section {background-color:#CCCC99; width:80%;height:1300px;float:left;font-size:20px;text-align:center;}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
\t \t <title>4WAP - Exercise1</title>
\t \t <link rel="stylesheet" href="css/uikit.css" />
\t \t <link rel="stylesheet" type="text/css" href="css/mystyles.css" />
\t \t <script src="jquery/jquery-3.1.0.js"></script>
\t \t <script src="js/uikit.min.js"></script>
\t </head>
\t <body>
\t <header></header>
\t \t <nav> \t
\t <div class="uk-panel uk-panel-box">
\t <h3 class="uk-panel-title">This is the Main Menu</h3>
\t <ul class="uk-nav uk-nav-side uk-nav-parent-icon" data-uk-nav> <!--main menu start-->
\t <li class="uk-parent"><a href="#">Main Option One - Click Me To See More or Less</a>
\t <ul class="uk-nav-sub">
\t <li><a href="#">More One</a></li>
\t <li><a href="#">More Two</a></li>
\t </ul>
\t </li>
\t <li><a href="#">Main Option Two</a></li>
\t <li><a href="#">Main Option Three</a></li>
\t </ul></div>
\t </nav>
\t <section></section>
\t </body>
</html>Könnt ihr mir geben eine Hand? Vielen Dank im Voraus