如何更改html文本的位置？

Question

我是网络开发的新手。 这是我的 html 代码：

<html>
    <body>
        {errors}
        <p>Enter your numbers:</p>
        <form method="post" action=".">
            <p><input name="number1" /></p>
            <p><input name="number2" /></p>
            <p><input type="submit" value="Do calculation" /></p>
        </form>
    </body>
</html>

您可以在下面看到它的显示方式：

如何更改位置、字体和大小？ 它目前显示在左上角。

Answer 1

在 Web 开发中，任何时候需要为页面元素设置样式时，都需要使用 CSS。 如果您想了解更多信息，请查看w3school 。

在这种情况下，我将向您展示如何应用内部样式，但您也可以将 CSS 应用到外部或内联样式 - 请查看此处以获取有关它的解释。

 <html> <head> <style> body { font-family: 'Calibri', 'sans-serif'; font-size: 16px; font-weight: bold; text-align:center; } form { position: relative; bottom: 0; right: 0; } </style> </head> <body> {errors} <p>Enter your numbers:</p> <form method="post" action="."> <p><input name="number1" /></p> <p><input name="number2" /></p> <p><input type="submit" value="Do calculation" /></p> </form> </body> </html>

所以在这里，我给了你一个如何使用的例子：

font-family - 用于改变字体类型
font-size - 改变字体的大小
font-weight - 改变字体的粗细
position - 用于通过将元素与顶部、左侧、右侧和底部属性结合使用，以不同方式定位您的元素
请参阅此处以了解有关 CSS 字体样式的更多信息
请参阅此处了解有关 CSS 定位的更多信息

如何更改html文本的位置？

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-09-13 13:17:30

如何更改html文本的位置？

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-09-13 13:17:30

解决方案1
0 已采纳 2020-09-13 13:17:30