在HTML上移动按钮

Question

我正在尝试做一个项目，在这个项目中，我将状态名称的按钮放在地图上的状态上，然后单击按钮获取州的首都。我的加州按钮代码是：

＆LT; form action =“http://www.cityofsacramento.org/”＆gt;

＆LT; input type =“submit”value =“California”/＆gt;

＆LT; / form＆gt;

但我不知道如何将按钮移动到达加利福尼亚州:(它目前位于屏幕的左下角。如果有帮助，我正在使用Mozilla Thimble制作网站？

Answer 1

您要做的是创建一个CSS文件并为每个按钮指定一个ID：

<button type="button" id = "California"><a href="http://www.cityofsacramento.org/">Sacremento</a></button>

在CSS文件中，您可以执行以下操作：

.California {
    width: 300px;
    height:300px;
    left-margin:[make it fit];
    right-margin:[make it fit];
    top-margin:[make it fit];
    bottom-margin:[make it fit];
}

然后，您可以将[make it fit]值调整为加利福尼亚州的任何尺寸。这是一个非常基本的解决方案 - 有更先进的方法，但我假设你是网络开发的新手。