Hello guys we are going to learn how to make floating text or border float around a web page.


1. First we start we the style script tage with is this <style type="text/css"> or just <style>

2. We start with # and a name Example: (#Border_style).

3. Now after you put #eample Put { to start css code.

4. Ok now we start with background color of the floating border Example: (background-color:yellow) then end it with this ;

5.
Now we do border width and style
border style should be solid.

5. Now we start with the opacity and position fixed ok opacity make border see throughtable and position:fixed make border float over other apps you have on you web page.

5.
Now we and the css tage with } and.</style>

6. last thing to do is call css border by doing div id and the name in #

will there you have it a floating border over your web pages.
<style type="text/css">
#example
{
background-color:yellow;
width:220px;
border-style:solid;
border-width1px;
opacity:0.6;
position:fixed;
}
</style>
<div id=eaxmple>
</div>