A&nbsp;rectangle is a basic element of the SiteDu.de builder. It allows you to create simple graphic&nbsp;elements like rectangle, line or circle. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Add a rectangle to your page</h2>&nbsp;In order to add a&nbsp;rectangle to your website, select its icon from the&nbsp;toolbar on the left side of the builder, drag and drop it to your website.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/rectangle-l9mv9d8j.png" alt="" width="inherit" height="inherit">&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Edit the rectangle style</h2> Edit an element style in the Settings edition panel. Change&nbsp;size, alignment, background color, borders, opacity,&nbsp;and shadows.&nbsp;&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/rectangle2-l9mv9ehw.png" alt="" width="inherit" height="inherit">&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Create a circle</h2>To create a circle just add Rectangle element, turn ON rounding option and set rounding value to 50% of &nbsp;elements height (e.g.&nbsp;height of the element is 100px than you have to set Rounding to 50)&nbsp;.<img src="https://help.webwave.me/lib/dkwr2z/rectangle3-l9mv9dum.png" alt="" width="inherit" height="inherit">

Learn how to use the rectangle element for different shapes, such as squares, lines or even circles.

A rectangle is a basic element of the SiteDu.de builder. It allows you to create simple graphic elements like rectangle, line or circle.

## Add a rectangle to your page

In order to add a rectangle to your website, select its icon from the toolbar on the left side of the builder, drag and drop it to your website.

![](https://help.webwave.me/lib/dkwr2z/rectangle-l9mv9d8j.png)

## Edit the rectangle style

Edit an element style in the Settings edition panel. Change size, alignment, background color, borders, opacity, and shadows.

![](https://help.webwave.me/lib/dkwr2z/rectangle2-l9mv9ehw.png)

## Create a circle

To create a circle just add Rectangle element, turn ON rounding option and set rounding value to 50% of elements height (e.g. height of the element is 100px than you have to set Rounding to 50) .

![](https://help.webwave.me/lib/dkwr2z/rectangle3-l9mv9dum.png)

The Rectangle Element

Du hast ein SiteDu.de Basic oder Pro Abo mit dem SiteDu.de Web Builder? Lerne hier, wie du den Builder verwenden und deine Inhalte bearbeiten kannst.

Was this article helpful?