我正在尝试找出如何使用 CSS、HTML 或两者来将工具栏变成带圆 Angular 的工具栏。这是 CSS:
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
li {
float: left;
}
a:link, a:visited {
display: block;
width: 120px;
font-weight: bold;
color: #ffffff;
background-color: #000000;
text-align: center;
padding: 4px;
text-decoration: none;
}
a:hover, a:active {
background-color: #333333;
}
</style>
谁能告诉我要添加什么才能使工具栏的 Angular 变圆?
最佳答案
像这样的东西会起作用(Demo Fiddle Here)吗?
#toolbar{
border: 2px solid orange;
padding: 10px 40px;
background: black;
width: 300px;
border-radius: 10px;
}
这个 CSS 实际上来自 w3schools 关于 border-radius css 规则的页面:http://www.w3schools.com/cssref/css3_pr_border-radius.asp
关于html - 如何使用 CSS/HTML 在工具栏上制作圆边?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25090016/