Skip to main content

HOW TO CREATE BORDER USING HTML AND CSS


A border in your hypertext mark-up language pages will facilitate bring attention to an area of text or surround the other hypertext mark-up language component.
As is seen below a border is created around any text victimization hypertext mark-up language and CSS on your website. within the example below we've enclosed a paragraph (<p></p>) with a red border.

In the on top of code, the fashion is process the border size (px short for pixel), style type, and border color. the fashion of the border is however the border seems on screen. alternative kinds of border designs embrace dotted, dashed, double, groove, ridge, inset, and outset. The border color defines the colour you would like to use for the border. within the on top of example, the colour code #FF0000 was used, that is that the code for red.

All of the on top of examples use "inline" designs to make the borders. you'll conjointly use "embedded" vogue sheets or "external" vogue sheets. In fact, embedded vogue sheets area unit additional powerful than inline designs. And external vogue sheets area unit additional powerful than embedded vogue sheets.

Use embedded vogue sheets if you would like to use constant border to multiple objects on constant page. Use external vogue sheets if you would like to use constant border to multiple objects on multiple pages (or across your whole site).

To learn additional, see Inline vogue Sheets, Embedded vogue Sheets, and External vogue Sheets.

For additional data, look at the assorted border properties on the CSS Properties list.

Comments

Popular posts from this blog

How To Create Image Gallery In HTML Tutorial Part10

Create a photograph gallery, wizard vogue, Associate in Nursingd plant it into any website that accepts hypertext markup language or publish it as an RSS feed. it's conjointly totally compatible with many CMS programs like WordPress, Drupal, Joomla, TypePad, MediaWiki, Ning, Blogger, vBulletin, Weebly, WordPress letter of the alphabet and crony Press. JQuery, Flash templates to make your image galleries. additionally to specifications, a live demo is provided for all listed example. Because plenty of users asked within the comments wherever they will realize a gallery with navigation and slideshow, you'll check my newest tutorial with a whole hypertext markup language image gallery here, which incorporates navigation arrows, bullets, slideshow and thumbnails. Check it out, or if you do not want this advanced image gallery, you'll simply continue reading the straightforward hypertext markup language image gallery beneath the video.   DOWNLOAD  Output File

Peacock || Multipurpose Responsive Shopify Theme

  LIVE DEMO      DOWNLOAD Peacock  || utile Responsive Shopify theme could be a New Shopify theme for utile. though our demo have Watches and Fashion vogue, however you'll be able to use it for any vogue, any ideas.It straightforward to put in and customise. Forfel conjointly support Responsive style, Unlimited Color, Language Translator can assist you change/stranslate the sample text to your text straightforward and quickly. With multiple currency, your look will show several currency oppressor. And lots of Google Fonts. In this theme, we tend to enclosed a number of superb options like Mega menu will show product tabs, Autocomplete suggestions Search, Advanced product filters, Recently viewed product. once customers browsing product, they'll read product detail quickly with mythical being fast read or add product to pushcart quickly & simply with mythical being Cart feature still as add product to listing with mythical being listing. Out theme conjointly suppor

11 Creativity Text Styles and Hover Effects CSS3 | Tutorial SVG masking ...