时间戳

首页 > 解决方案 > 导航栏上的圆角 (HTML)

html - 导航栏上的圆角 (HTML)

问题描述

div {
  width: 1310px;
  padding: 10px;
  margin: 0;
  background-color: #212F3D;
  text-align: center;
}
<div class="topnav-centered" id="myTopnav">
  <a style="font-family:Verdana; color:White; font-size: 20px; display:inline; padding: 10px 50px; " href="01.HTML" class="active">Home</a>
  <a style="font-family:Verdana; color:White; font-size: 20px;  display:inline; padding: 10px 50px; " href="02.HTML">HTML</a>


</div>

我正在为学校做一个 html 项目，我想绕过我的顶部导航栏的角落。我有一个代码，但我不确定我是否给出了代码的正确部分。如果我没有告诉我，我会正确编辑它。

标签： htmlcss

解决方案

试试这个，你就完成了......

div {
    border-radius: 20px;
}


div{
    width: 1310px;
    padding: 10px;
    margin: 0; 
    background-color: #212F3D;
    text-align: center;
    border-radius: 20px;
}
<div class="topnav-centered"id="myTopnav">
  <a style="font-family:Verdana; color:White; font-size: 20px; display:inline; padding: 10px 50px; "href="01.HTML" class="active">Home</a>
  <a style="font-family:Verdana; color:White; font-size: 20px;  display:inline; padding: 10px 50px; "href="02.HTML">HTML</a>


</div>

推荐阅读