使用HTML+css 写一个靠右边顶端悬浮停靠菜单包含3个div按钮
<!DOCTYPE html>
<html>
<head>
<title>悬浮停靠菜单</title>
<style>
#menu {
position: fixed;
top: 0;
right: 0;
background-color: #f1f1f1;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
<pre><code> #menu div {
display: inline-block;
margin-right: 10px;
padding: 5px 10px;
background-color: #ddd;
border-radius: 5px;
cursor: pointer;
}
#menu div:hover {
background-color: #ccc;
}
</style>
</code></pre>
</head>
<body>
<div id="menu">
<div>按钮1</div>
<div>按钮2</div>
<div>按钮3</div>
</div>
</body>
</html
原文地址: https://www.cveoy.top/t/topic/eChP 著作权归作者所有。请勿转载和采集!