tryit_view.asp@filename=trydhtml_position_relative

来自「W3Schools tutorial..web designing」· ASP@FILENAME=TRYDHTML_POSITION_RELATIVE 代码 · 共 35 行

ASP@FILENAME=TRYDHTML_POSITION_RELATIVE
35
字号
<html>

<head>
<style>
h1.ex1
{
position:relative;
left:20px;
}
h1.ex2
{
position:relative;
left:-20px;
}
</style>
</head>

<body>
<h1>Normal Heading</h1>
<h1 class="ex1">Heading +20</h1>
<h1 class="ex2">Heading -20</h1>

<p>
Relative positioning moves an element relative to its original position.
</p>
<p>
"left:20" adds 20 pixels to the element's LEFT position.
</p>
<p>
"left:-20" subtracts 20 pixels from the element's LEFT position.
</p>
</body>

</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?