1. Zuhause
  2. Eigenschaften
  3. Webseitenelemente
  4. Box-Element
  5. Box Border-Eigenschaft

So ändern Sie den Rahmen des Rahmens

Der Umriss ist ein sehr beliebter Effekt, der im modernen Webdesign verwendet wird. Designer verwenden Umrisse für Symbole, Schaltflächen und Rechtecke hinter Elementen. In Nicepage sind keine zusätzlichen Rechtecke erforderlich, da Sie den Umriss um Elemente herum erstellen können, indem Sie die Border-Eigenschaft für eine Box festlegen.
Mehr erfahren

Nach Funktionskategorien durchsuchen

Webseitenelemente
Unterstützte Systeme
Visueller Seiteneditor
Design-Elemente
Medienbibliotheken
Elementeigenschaften
Responsiv
Animationseffekte
Themen Einstellungen
Kontakt Formular
Kopfzeile Fußzeile
Blog
E-Commerce
SEO
Benutzerdefinierter Code
Anwendungsfunktionen
Site- und Seiteneigenschaften
WordPress-Widgets

Alles, was Sie brauchen, um Ihre kostenlose Website zu erstellen

Verwenden Sie unseren Website Builder, um Websites ohne Codierung zu entwerfen und zu erstellen. Ziehen Sie alles, was Sie möchten, per Drag & Drop an einen beliebigen Ort. Der Website Creator passt Ihre Website automatisch für Mobilgeräte an, um sie responsive zu machen. Wählen Sie aus mehr als 15,000 anpassbaren Website-Vorlagen.

Für Windows herunterladen Für Mac herunterladen

Verwandte Funktionen

Hintergrundtypen von Box

Einer der Hauptvorteile des Gruppenelements besteht darin, dass Sie es als einzelnes Element stilisieren können. Es hat Grenzen, und um den isolierten Bereich zu füllen, können Sie den Hintergrund festlegen, der eine solide Füllung, einen Farbverlauf, ein Bild und ein Video sein kann, oder Sie können keinen Hintergrund haben, was zum Beispiel anwendbar ist, wenn Sie den Rahmen anwenden.
Hintergrund-Hover-Animation des Box-Bildes

Ähnlich wie bei Rasterzellen können Sie den Hover-Animationseffekt auf den Bildhintergrund einer Gruppe anwenden. Sie können mehrere voreingestellte Voreinstellungen verwenden, z. B. Zoom, Größe ändern und Schieben. Darüber hinaus können Sie die Hover-Animation feinabstimmen, um sie an die Bedürfnisse Ihrer Website-Idee anzupassen.
Hover-Animation auf Box

Mit Gruppen können Sie gruppierte Elemente animieren. Dabei können Sie die Gruppe selbst animieren. Beispielsweise können Sie den Hintergrund und den Rahmen für eine Gruppe ändern. Für die inneren Elemente können Sie, während Sie über eine Gruppe schweben, andere Animationseffekte wie Skalieren, Drehen, Verschieben usw. anwenden, um eine erstaunliche Interaktion zu schaffen, um Ihre Besucher dazu zu bringen, länger auf der Website zu bleiben.
Box zum Hover-Schieberegler

Sie können den Hover-Schieberegler verwenden, wenn beim Hover ein anderer Satz von Elementen für eine Gruppe angezeigt werden muss. Wählen Sie dazu eine Gruppe aus und aktivieren Sie den Hover-Schieberegler im entsprechenden Abschnitt des Eigenschaftsfensters.
Ziehen Sie Box-Elemente zusammen

Im Editor können Sie mehrere Elemente auswählen und gemeinsam verschieben. Es wird jedoch empfohlen, Elemente als integrierten Bestandteil des Webdesigns zu gruppieren, wodurch sie und ihre Positionierung erhalten bleiben. Sie können die Gruppe und ihre Elemente zusammen ziehen und ablegen, was praktisch ist und Zeit spart.
Box in Grid-Repeater umwandeln

Wenn Sie mehrere Spalten der ähnlich aussehenden Elemente benötigen, können Sie eine Gruppe in den Grid Repeater umwandeln. Es ermöglicht Ihnen, die gruppierten Elemente in Spalten ähnlich zu stilisieren, dh wenn Sie ein Element bearbeiten, das in einem Element eines Grid Repeaters platziert ist, erhalten alle anderen Elemente, die in anderen Elementen platziert sind, automatisch dasselbe Styling.

Kostenlose Vorlagen mit Box-Element

Beginnen Sie mit unseren besten Vorlagen, die sich für jedes Unternehmen eignen. Erstellen und passen Sie sie mit unserem leistungsstarken und kostenlosen Website-Builder ohne Code an. Alle Vorlagen sind mobilfreundlich und sehen auf jedem Gerät hervorragend aus.

How to Set A Border For A Shape, Box, or Element

In modern website design is common practice to use borders for the box elements. This feature enables you to control top and bottom border size. You do not need to use rectangles or other figures as a top border of your element, and you can make it just in one click. Many people don't know how to create and change box borders, so you will learn how to work easily with borders with this feature. You can also outline the box by setting the property. Besides, change the radius of the border and add the shadow on the item, and your element will have a more nice look.

If you don't know how to create rounded borders for the elements without the WordPress page builder plugin, visit Nicepage. There is no need to sign up on the site. Only see Nicepage and create Your website easily. If you want to build websites with a responsive design, it is for you. Besides borders, Box shadow and the background color are also very important parts of the design. You can use this feature no matter when and how you will run a new WordPress website. Many developers add the support center items on the website to communicate with users easily. You can create a border for your WordPress website elements, and your WordPress page will have a more nice look.

Nicepage enables you to add the Box shadow on the web items like the WordPress page builder. It is a common question of how to create a website with wonderful elements and create rounded corners on the box elements. You can make it with Nicepage. Only go to the website, read the terms of service and make a unique WordPress page in several minutes. There are many tools and techniques to create CSS border styles and add different effects on the web elements, so you have a big choice. So, this feature is one of the best for creating box borders and box shadows.

Company
Product
Themes & Templates
Nicepage
Web Design