在网页设计中，可以使用HTML和CSS来控制div元素的隐藏和显示。以下是几种常见的方法：

1. 使用CSS的display属性：通过改变div元素的display属性，可以隐藏或显示该元素。当display属性设置为"none"时，元素将被隐藏；当设置为其他值（如"block"、"inline"等）时，元素将显示。例如：

```html

隐藏

显示

<script>

function hideDiv() {

document.getElementById("myDiv").style.display = "none";

}

function showDiv() {

document.getElementById("myDiv").style.display = "block";

}

</script>

```

在这个例子中，通过点击"隐藏"和"显示"按钮，可以切换div元素的显示状态。

2. 使用CSS的visibility属性：与display属性类似，但visibility属性控制元素是否可见，而不影响元素在布局中的空间。当visibility属性设置为"hidden"时，元素将被隐藏，但仍然占据页面空间；当设置为"visible"时，元素将显示。例如：

```html

切换可见性

<script>

function changeVisibility() {

var div = document.getElementById("myDiv");

if (div.style.visibility === "hidden") {

div.style.visibility = "visible";

} else {

div.style.visibility = "hidden";

}

}

</script>

```

这个例子中的div元素默认是隐藏的，点击按钮后会在可见和隐藏之间切换。注意，由于元素仍然占据空间，所以在切换可见性时可能会产生页面布局的变化。

这些是使用CSS来控制div元素的隐藏和显示的基本方法。根据具体需求和设计，你可以选择合适的方法来实现你想要的效果。