How to apply 'Borders' with advanced examples

PICK YOUR AI THEME TO GET STARTED

Choose an Award Winning AI Website theme, then just pay $9 hosting to unlock the full AI tools and customise everything.

BUILT BY YOU | GET STARTED

Build: a $50-$50k AI Website

Free: Theme, 5,000 Layouts, and Course

Includes: AI Chatbots, Voicebots and AI Automations

Become: the AI Manager and Web Designer

Earn: life changing passive income with an AI Agency

BORDERS

You can apply a border to any frame and have control of Border Side, Border Thickness, Border Colour, and Border Radius.

Web School: 5 Day Challenge

D03 E02 | 01:20

Borders and Accent Lines

While borders are not always required on many website designs, there are instantly that you might consider to give extra design elements to you content. here we look at using Borders for Accent Lines and also for separating content with your brand colours.

DESIGNER TIPS:

In the video below, notice the the Parent Frame as the Border on 'All' sides, the Top Child has only Border Top, and the Bottom Child has only Border Bottom.

ACCENT LINES:

Combine Frame Borders and Width to create accent lines to support your headers.

Web School: 5 Day Challenge

D03 E02 | 03:39

Prepare a complex Block to house Borders

Create Blocks as 'Cards' that live inside your inner padding. Here we explain exactly what to do if you require padding on Cards, meaning a third Block of padding required, which always sits on the inside of the Inner Padding.

D03 E02 | 06:53

Using Shadows as Borders

Applying Shadow to a Frame is straightforward, though here we look how to apply Shadow to more complex Blocks with Cards. We then go on to explain CSS Classes and the philosophy of the MOBLE platform that keeps a uniform code base for developers, supported by a UI that the entire content team can use.

RELATED HELP

PAGE EDITOR

ADVANCED TABS

ALL HELP

PRICING PLANS

All MOBLE plans include the full Website Builder, CMS and AI Agents Builder. Plans are simply based on the number of website pages and charged on the 1st day of the month. This awesome method of pricing allows all businesses to build and scale at their own pace.

MOBLE doesn't take any transaction fees for online shop sales.

MINI

_{ 12 PAGES}__{70 AI THEMES}__{5,000 AI LAYOUTS}__{90 MINUTE CHALLENGE}__{5 DAY CHALLENGE}__{WEBSITE BUILDER}__CMS__{BUG FREE MAINTENANCE}__{ONLINE SHOP}__{AI HELP ASSISTANT}__{AI COPY ASSISTANT}__{AI PHOTO ASSISTANT}__{AI AGENTS}__{AI AUTOMATION}__{AI CHATBOTS | Unlimited}__{AI VOICEBOTS | 5 Agents}__{AI VOICEBOTS | $0.08 min}__{AI VOICEBOTS |}_{Calendar Bookings}

$9 /month

PLUS

_{ 50 PAGES}__{70 AI THEMES}__{5,000 AI LAYOUTS}__{90 MINUTE CHALLENGE}__{5 DAY CHALLENGE}__{WEBSITE BUILDER}__CMS__{BUG FREE MAINTENANCE}__{ONLINE SHOP}__{AI HELP ASSISTANT}__{AI COPY ASSISTANT}__{AI PHOTO ASSISTANT}__{AI AGENTS}__{AI AUTOMATION}__{AI CHATBOTS}__{AI VOICEBOTS | 5 Agents}__{AI VOICEBOTS | $0.08 min}__{AI VOICEBOTS | Calendar Bookings}

$49 /month

PRO

_{ 500 PAGES}__{70 AI THEMES}__{5,000 AI LAYOUTS}__{90 MINUTE CHALLENGE}__{5 DAY CHALLENGE}__{WEBSITE BUILDER}__CMS__{BUG FREE MAINTENANCE}__{ONLINE SHOP}__{AI HELP ASSISTANT}__{AI COPY ASSISTANT}__{AI PHOTO ASSISTANT}__{AI AGENTS}__{AI AUTOMATION}__{AI CHATBOTS}__{AI VOICEBOTS | 10 Agents}__{AI VOICEBOTS | $0.08 min}__{AI VOICEBOTS |}_{Calendar Bookings}

$79 /month

ELITE

_{ UNLIMITED PAGES}__{70 AI THEMES}__{5,000 AI LAYOUTS}__{90 MINUTE CHALLENGE}__{5 DAY CHALLENGE}__{WEBSITE BUILDER}__CMS__{BUG FREE MAINTENANCE}__{ONLINE SHOP}__{AI HELP ASSISTANT}__{AI COPY ASSISTANT}__{AI PHOTO ASSISTANT}__{AI AGENTS}__{AI AUTOMATION}__{AI CHATBOTS}__{AI VOICEBOTS | 15 Agents}__{AI VOICEBOTS | $0.08 min}__{AI VOICEBOTS |}_{Calendar Bookings}

$199 /month

AI AGENCY

__{40% PLATFORM PAYOUT}_{ 10}_{0% SERVICES YOU SELL}__{AGENCY SITE ($199 ELITE PLAN)}__{PARTNER LICENSE}__{MY SALES DASHBOARD}__{MY CLIENTS DASHBOARD}__{LOGIN TO CLIENT SITES}__{STAFF PERMISSIONS}__{TEAM LAYOUTS}

_{ NORMALLY $199 /month}_{ PROMO $99 /month}

$99 /month

PARTNERS & INTEGRATIONS

Connect your website to our ever growing community of friends...

70 Award
Winning AI Themes

Start your AI Website now

BUILT BY YOU: GET YOUR AI WEBSITE

Start your AI Agency now

BUILT WITH YOU: GET YOUR AI AGENCY

_{GETTING AROUND}

_RESOURSES

_SUPPORT

AI SALES LINE

_{AI SUPPORT LINE}

NEED A HUMAN? LET'S TALK

GET A QUOTE

A Web Builder for Design. A CMS for Business. We serve all businesses from SME's to Enterprise. Talk with us for AI development, custom website design, website development, ecommerce websites, directories, intranets and social networks.

BUILT FOR YOU: QUOTE

_{JONES BAY WHARF, PYRMONT 2009}

PICK YOUR AI THEME TO GET STARTED

BORDERS