gpt4 book ai didi

html - 如何向 HTML 的不同部分添加弧形边框?

转载 作者:行者123 更新时间:2023-11-28 05:24:51 27 4
gpt4 key购买 nike

我正在学习 uikit 并尝试向我的页面的不同部分添加 flex 的边框,但我无法弄清楚。

我尝试遵循的示例如下所示,这是我希望它看起来的样子:

enter image description here

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" />
<title>4WAP - Exercise1</title>
<link rel="stylesheet" href="css/uikit.css" />
<link rel="stylesheet" type="text/css" href="css/mystyles.css" />
<script src="jquery/jquery-3.1.0.js"></script>
<script src="js/uikit.min.js"></script>
</head>
<body>
<header></header>
<nav>
<div class="uk-panel uk-panel-box">
<h3 class="uk-panel-title">This is the Main Menu</h3>
<ul class="uk-nav uk-nav-side uk-nav-parent-icon" data-uk-nav> <!--main menu start-->
<li class="uk-parent"><a href="#">Main Option One - Click Me To See More or Less</a>
<ul class="uk-nav-sub">
<li><a href="#">More One</a></li>
<li><a href="#">More Two</a></li>
</ul>
</li>
<li><a href="#">Main Option Two</a></li>
<li><a href="#">Main Option Three</a></li>
</ul></div>
</nav>
<section></section>
</body>
</html>

你们能帮帮我吗?提前致谢

最佳答案

使用 uikit,您可以将 .uk-border-rounded 类添加到元素中。或手动添加 border-radius:5px; 到元素 css。

关于html - 如何向 HTML 的不同部分添加弧形边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38847249/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com