CSS Borders in 1 Minute #shorts #css

preview_player
Показать описание
CSS Borders in 1 Minute - One Minute Coding - CSS Tutorial for beginners

CSS Borders are a really cool feature of CSS. They let you create so many different looks and do so much to just a basic div. Here in one minute I show you all the basics of borders including style, border-style, width, border-width, and color, border-color, as well as a few shorthands.

Music:
Edited for this video to suit the format and length
  1. ColorCode
  2. ColorCode
  3. Educational
  4. Coding
  5. Programming
  6. Software
Рекомендации по теме
CSS Borders in 0:01:00

CSS Borders in 1 Minute #shorts #css

CSS Borders - 0:01:01

CSS Borders - One Minute Coding

Border radius - 0:01:00

Border radius - CSS Tutorial for beginners in 1 Minute #shorts

Learn CSS borders 0:02:36

Learn CSS borders in 2 minutes 🔲

1 minute tutorial 0:01:37

1 minute tutorial - CSS Multiple Borders

CSS Border Radius 0:01:01

CSS Border Radius - One Minute Coding

Learn CSS borders 0:04:27

Learn CSS borders in 4 minutes! 🖼

CSS Box Shadow 0:01:00

CSS Box Shadow in 1 Minute #shorts

CSS Box Shadow 0:01:01

CSS Box Shadow (in 1 minute)

HOW TO CREATE 0:00:31

HOW TO CREATE DASHED BORDER IN CSS #html #css #border #shorts

CSS Gradient Borders 0:00:59

CSS Gradient Borders in 60 seconds! #shorts

Learn CSS Border 0:00:13

Learn CSS Border Shorthand in 13 Seconds

Border image in 0:00:08

Border image in CSS - great effect that is way underused #css #html #ui #ux

Learn CSS Border 0:00:22

Learn CSS Border Radius in 22 Seconds

How to make 0:01:01

How to make a Gradient Border with CSS in 1 minute

The border-radius feature 0:00:22

The border-radius feature most people don’t know about

Learn CSS Box 0:00:58

Learn CSS Box Model In 1 Minute

HOW TO CREATE 0:00:28

HOW TO CREATE DOTTED BORDER IN CSS HTML #html #css #border #shorts

Awesome CSS Border 0:04:15

Awesome CSS Border Animation | Quick CSS Animation Effects @OnlineTutorialsYT

Learn CSS Border 0:00:16

Learn CSS Border Shorthand in 16 Seconds.

Border Style in 0:00:21

Border Style in CSS.

Learn CSS Borders 0:00:12

Learn CSS Borders in 12 Seconds

CSS Box Model 0:01:00

CSS Box Model in 1 Minute #shorts

CSS border effects 0:01:00

CSS border effects without using borders

Комментарии
Автор

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.box {
width: 250px;
height: 250px;
border-top: solid black 10px;
border-bottom: solid black 10px;
border-left: dotted orange 10px;
border-right: dotted orange 10px;
}

.parent {
display: flex;
}
</style>
</head>
<body>
<div class="parent">
<div class="box">

</div>
<div class="box">

</div>
</div>
</body>
</html>

TechbondhuBlog
Автор

this guy suprapasses singlehandedly all the expensive, long and boring courses out there with an entertaining educative YT short.
keep up the great work ❤

m._.amine_
Автор

As always, fantastic video Sina!

For debugging, I'd rather use "outline".
(doesn't affect the box model, so it doesn't mess up with the position of your elements like border)

wtl
Автор

you unlocked a new way of teaching skills. fantastic. keep it up

nahomaseged
Автор

I wonder about the time and effort for these animations and edits in video, kudos and cheers

nordicnomad
Автор

Thank you so much sir, i don't have any idea of coding but your tutorial gave me a lot of idea, my problem is gone by watching your tutorial my website now is looking good for my needs and i designed my website with the help of you.. now sir please help me how to add text above or below the box also using css elements is it posible? Thanks

DigitalAssets-gwzl
Автор

Does it take up the element's dimensions or ads to it?
Also the border shorthand is shufflable. Just wanted to point it out

AJD...