html占位符

```html

```

2. 使用空的标签: 可以使用标签来创建占位符，然后通过CSS样式来设置占位符的大小和样式。

```html

```

```css

.placeholder {

display: inline-block;

width: 100px;

height: 20px;

background-color: lightgray;

}

```

3. 使用标签的placeholder属性: 对于输入框，可以使用标签的placeholder属性来显示占位符文本。

```html

```

4. 使用CSS伪元素::before或::after: 还可以使用CSS伪元素::before或::after来创建占位符。通过设置content属性来显示占位符的文本。

```html

```

```css

.placeholder::before {

content: '占位符文本';

color: gray;

}

```

需要注意的是，无论使用哪种方式创建占位符，都应该确保占位符的样式和布局不会对页面的其他元素造成影响。