<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>三维管理平台</title>
<script type="text/javascript">
while (true) {
try {
var w = 400, h = 300;
window.resizeTo(w, h);
window.moveTo((window.screen.width - w) / 2, (window.screen.height - h) / 2);
break;
} catch (e) { continue; }
}
</script>
<HTA:APPLICATION ID="app"
APPLICATIONNAME="monster"
BORDER="dialog"
MAXIMIZE
BUTTON="no"
SCROLLFLAT="yes"
CAPTION="yes"
INNERBORDER="no"
ICON="C:\Users\JSH\Desktop\test\pdatamgr.ico"
SCROLL="no"
SHOWINTASKBAR="yes"
SINGLEINSTANCE="yes"
SYSMENU="yes"
WINDOWSTATE="normal" />
<style>
body {
width: 320px;
height: 180px;
margin: 0;
padding: 0;
background-color: #ffffff;
font-family: "Microsoft YaHei", sans-serif;
position: relative;
}
.container {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
padding: 0; /* 移除垂直padding */
}
.message {
font-size: 25px;
color: #333;
margin: 0; /* 移除外边距 */
text-align: center;
padding: 0 55px;
position: absolute; /* 绝对定位 */
top: 30%; /* 垂直居中 */
transform: translateY(-30%); /* 精确校正位置 */
}
.
buttons {
display: flex;
width: 100%;
justify-content: center;
}
button {
width: 90px;
height: 40px;
background-color: #f0f0f0;
color: white;
border: none;
border-radius: 8px; /* 较大的圆角值 */
font-size: 25px;
cursor: pointer;
transition: background-color 0.2s;
margin: 0 25px;
}
button:hover {
background-color: #005a9e;
}
.left-btn {
position: absolute;
left: 10px;
bottom: 40px;
}
.right-btn {
position: absolute;
right: 10px;
bottom: 40px;
}
</style>
</head>
<body>
<div class="container">
<div class="message">请选择打开模型的方式</div>
<div>
<
button onclick="selectOption('打开')" class="left-btn">打开</
button>
<
button onclick="selectOption('插入')" class="right-btn">插入</
button>
</div>
</div>
</body>
</html>
帮我修改这个代码 在按钮上加一条线 然后修改按钮所在区域的背景色为灰色
不要动按钮位置 不要动现有布局 不要动按钮位置
博客提到将内容改为TextView，这可能与前端开发中界面元素的设置相关。
扫一扫
2852
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
