Borders

Make a composition with CSS borders as the only visible elements using only properties covered with Position and Color. Properties should be assigned to otherwise blank DIVs (no content, no background) through class selectors, which is covered below. Name as default index.html (or whatever your server’s default is) and place in a folder called borders, online. Use starter HTML and CSS documents given below.

index.html & borderfunky.css

The rules

  1. In HTML, use only divs with no content (except a space).
  2. Use border properties!!!
  3. Use width & height.
  4. Use top, right, bottom, left.
  5. Use z-index.
  6. No other properties!
  7. You may give the body a background color, though.
  8. I will also permit nesting of elements, with inner elements set to a static position, if you can figure it out.
  9. Now, make something bewildering, or awesome!

There are no further instructions! Except, as with all else, it better be uploaded. Hint: If you don’t keep a space between the opening and closing div tags, the element will not display.

What you absolutely need to know

You will use class selectors to style the many divs in your HTML document. It works with a class attribute. See it here:

<div class="arbitrary"> </div>

Here “arbitrary” is just that—an arbitrary value you choose for the element. For our example, each one will need to be different! The corresponding CSS looks like this:

.arbitrary { border: 1px solid black; }

That little period . in front of the name you chose is what makes this work. It says: ❝Find any element that has this word in the class attribute.❞ That is why it is called a class selector; you will learn more selectors in the future, but just deal with this now.

Because of the wonderful things we does!

Discuss amongst ourselves

You have almost no time, but if you don’t cover all this as a group in brief comments, have mercy on your soul: → Where is there order and not? → Most ordered? How? Why? → Least ordered or orderly? How? Why? → Any moments in the set that could prove useful in the future? → Anything sublime? → Anything you just don’t know how?

 

6,195 Responses to “Borders”

  1. http://news.cartierbraceletsreplica.top/cartierbraceletsreplicatop/580.asp

    Awesome headphoneschoose, well priced additionally exactly what was displayed. Gorgeous gifts box as well as poem also enclosed. Great of mother’s evening!

  2. http://www.borgakungen.nu/data/96.html

    Bought your being a present concerning our mother plus she liked things. kind top quality sweet price plus our mom enjoyed they. And delivered very quickly. When you need a present quickly while such as this versus this is the 1 you really need to go f…

  3. http://news.hermesbracelets.xyz/hermesbraceletsxyz/177.asp

    Our son provided me it for mothers time. He understands im not really regarding price tag and yet what comes from your center. I can’t believe this has the favorite color then truly matches my personal wrist. I by no means can choose bracelets to suit…

  4. http://news.vancleefreplica.pw/vancleefreplicapw/638.asp

    Yet not because fancy in real life should moms wrist is actually maybe not 2small dont buy this influence they make tight .. it really is attractive still one thing yur 5year old makes . Non that the lower it is a okay gift and render yet not letter wo…

  5. http://www.geluran.co.id/plugins/fexhtml/26.html

    Our boy offered myself this to moms time. He understands im never regarding price tag still just what originates from their heart. I cannot know it has our favourite shade then even matches my wrist. I never ever could come across bracelets to fit head…

  6. http://oakridgemo.com/media/108.html

    I got this headphonesof our mother of mothers day, furthermore she completely liked information technology! It really is truly attractive headphonesand the stating in the card which goes inside container is really emotional!! And the grade of beads is…

  7. http://news.moncleroutletonline.pw/moncleroutletonlinepw/647.asp

    I had gotten this headphonesfor my personal mother towards mothers day, plus she definitely loved things! The truly cute headphonesand the suggesting on the card you already know comes within the package is very emotional!! And grade of the beads are g…

  8. http://sharpchallenge.com/fi/template/423.html

    Yet not because fancy inside real world if moms wrist was not really 2small don’t invest that reason things feel tight .. it really is adorable however one thing yur 5year older makes . No all not so it is one ok gift towards give yet not a wow gifts.…

  9. http://lantmastarforbundet.org/script/lib/480.html

    My boy gave me the for the mothers day. He understands im maybe not around price tag then again just what comes from your center. I cannot feel this has my favourite colors furthermore even meets my wrist. I never could uncover bracelets to fit headpho…

  10. http://www.netoil.no/userfiles/files/521.html

    I had gotten your headphonestowards our mom concerning mothers evening, and she completely loved things! Their actually sweet headphonesand saying in the card you already know will come inside package is really emotional!! And the top quality of the be…

  11. http://www.moresmerteklinikk.no/userfiles/files/522.html

    I had gotten our headphonesof our mom for the mothers day, plus she absolutely enjoyed they! Their actually attractive headphonesand stating in the card your comes in the box is very emotional!! As well as the good of beads is actually very good!

  12. http://www.alvtank.se/thumbnails/nybygge2018/108.html

    Bought our being a present for our mother to she loved information technology. pleasant good great amount plus my personal mom liked that. And sent extremely accelerated. When you need a gifts accelerated while such as this compared to this is actually…

  13. http://news.bvlgariring.xyz/bvlgariringxyz/177.asp

    Very good headphonesbuy, well cost plus what is revealed. Striking gifts box and/or poem and enclosed. Ideal for the mother’s day!

  14. http://hreade.com/wp-content/plugins/js_composer/44.html

    Awesome headphonespick, well cost and/or exactly what is actually presented. Perfect gift container then poem in addition enclosed. Great concerning mother’s time!

  15. http://www.firstcontactphotos.net/peter/1205first/2.html

    But not like fancy at real world provided moms wrist was never 2small don’t invest that it cause that be tight .. it really is attractive and yet things yur 5year old make . No ones not so their a okay gift at provide but not letter wow gifts…cant g…

  16. http://news.mensandals.xyz/mensandalsxyz/195.asp

    Bought this being a gifts of our mom furthermore she liked this. good excellent kind pricing as well as my mother liked they. And sent very quickly. So if you require a gifts fast while like this then this is basically the definitely one you ought to i…

  17. http://news.cartierjusteunclou.xyz/cartierjusteunclouxyz/432.asp

    Our son provided me that to mothers day. He realizes im not really about price tag although things comes from that center. I can’t believe this has our favourite color and also in fact suits my personal wrist. I never ever might look for bracelets to…

  18. http://beptucaocap.net/plugins/xmap/com_libraries/36.html

    I got this one headphonesfor the my mom to mothers evening, and she absolutely loved that it! It really is completely sweet headphonesas well as the saying on the card that comes in package is really sentimental!! And the quality of the beads is ideal!

  19. http://www.t-bygg.com/upload/539.html

    My boy provided me personally this for the mothers time. He knows im not up to price still what comes from that heart. I can’t think it has the favorite colors as well as in fact fits the wrist. I not might find bracelets to suit headphonesmy limited…

  20. http://news.christianlouboutinreplica.pw/christianlouboutinreplicapw/656.asp

    But not because fancy in real life if you think moms wrist is not really 2small do not invest that reason things stay tight .. their sweet however one thing yur 5year aged can make . Non the much less their a great ok gift on give yet not letter wow gi…

  21. http://www.mewah.com.au/mewah/mewahhtml/1.html

    I had gotten this headphonestowards the mother of parents evening, to she definitely adored they! It really is really sweet headphonesand the suggesting regarding the card you already know comes into the box is really sentimental!! As well as the good…

  22. http://www.annesakupunktur.no/jscript/lib/540.html

    Yet not because fancy in real life when moms wrist is actually never 2small do not get they result this get tight .. their attractive and yet whatever yur 5year aged makes . Non that lower its a great okay present and provide yet not one wow gifts…ca…

  23. http://news.cartierbracelet.xyz/cartierbraceletxyz/177.asp

    Ideal headphonesget, nicely cost plus what is actually presented. Striking present box and/or poem in addition enclosed. Great for mother’s time!

  24. http://labelwater.se/tablet/95.html

    I had gotten our headphonesto our mother to mothers day, and/or she completely enjoyed that! It is quite adorable headphonesand suggesting in the card you already know comes in the package is really sentimental!! And excellence of the beads is actually…

  25. http://jop.se/photography/lib/html/509.html

    But not because fancy inside real life provided mothers wrist are never 2small don’t pick information technology reason this be tight .. its sweet however one thing yur 5year old can make . No that lower it really is one okay gift at promote but not a…

  26. http://ekn-art.se/wp-content/plugins/klars/455.html

    I have our headphonesto the mother concerning moms day, as well as she completely enjoyed it! It really is really pretty headphonesas well as the saying on the card you already know comes into the package is really emotional!! And the top quality of th…

  27. http://news.cartierbraceletsreplica.pw/cartierbraceletsreplicapw/662.asp

    I got this one headphonesto my personal mother for mothers evening, to she absolutely adored information technology! It really is actually sweet headphonesand the stating in the card which is goes within the package is very sentimental!! And the premiu…

  28. http://news.arpelsreplica.xyz/arpelsreplicaxyz/420.asp

    Great headphoneschoose, well priced and/or what is actually presented. Gorgeous present box plus poem always enclosed. Awesome for the mother’s evening!

  29. http://www.oda.as/userfiles/video/541.html

    Great headphonesgo for, well priced additionally exactly what are displayed. Striking gift package plus poem also enclosed. Very good for the mother’s evening!

  30. http://www.iusstf.org/gallery/85.html

    I got it headphonesto my mom concerning moms time, furthermore she completely adored that! Their completely pretty headphonesand the suggesting in the card it goes in package is really emotional!! And the top quality of beads is actually great!

  31. http://www.orbitnorsk.no/userfiles/media/541.html

    Yet not just as fancy in real life should mothers wrist was not really 2small do not buy information technology reason they stay tight .. it really is pretty but anything yur 5year existing makes . No the actual lower it really is a ok gifts in order t…

  32. http://www.bharatdefencekavach.com/flash/article/87.html

    Awesome headphoneschoose, nicely cost plus what is actually presented. Perfect present package then poem even enclosed. Great towards mother’s evening!

  33. http://www.pavlovaschoolofballet.com.au/pages/4.html

    My boy provided me this for the moms day. He knows im not around price still what else comes from that the center. I cannot believe this has my preferred colors as well as actually suits the wrist. I never can uncover bracelets to suit headphonesour ti…

  34. http://news.cartierlovestore.xyz/cartierlovestorexyz/173.asp

    I got the headphonestowards our mother concerning mothers evening, additionally she completely liked that it! It really is truly cute headphonesand the suggesting on the card just that will come within the package is really emotional!! As well as the e…

  35. http://hutchingsfuneralchapel.com/cp/public/417.html

    My son offered myself this particular to mothers evening. He knows im not really around price and yet just what originates from your center. I cannot trust this has the preferred color as well as in fact matches my wrist. I did not could choose bracele…

  36. http://woodyguthrie.se/pics/artister/cd_klipp/245.html

    Yet not because fancy as part of real world provided mothers wrist are not really 2small do not pick things cause information technology make tight .. its attractive although one thing yur 5year older makes . Non the actual much less it really is a ok…

  37. http://koral.se/page/426.html

    Purchased this one as being a present concerning our mom and also she enjoyed this. nice quality amazing cost as well as the mom enjoyed it. Furthermore delivered super accelerated. So if you need a gift quickly and you such as this versus here is the…

  38. http://www.switchrecruitment.com.au/portals/1/4.html

    I had gotten this headphonesfor our mom for the parents time, as well as she definitely adored that it! The quite sweet headphonesand saying in the card which is comes inside box is very sentimental!! And quality of beads is very good!

  39. http://cementaresearch.se/files/20140107/604.html

    Yet not since fancy at real world should moms wrist was not really 2small dont invest things influence that it be tight .. its adorable although some thing yur 5year existing make . No all lower their a great ok gift in order to award yet not one wow p…

  40. http://camdenmemorials.com/media/107.html

    I got your headphonesfor my mother for the moms day, furthermore she absolutely liked they! It really is truly cute headphonesand the stating regarding the card which will come in box is very emotional!! And high quality of the beads is actually awesom…

  41. http://news.monclercoats.xyz/monclercoatsxyz/200.asp

    My personal boy gave me personally this particular concerning moms day. He realizes im not really regarding price tag although just what originates from on center. I cannot believe it has my favorite color plus truly suits my wrist. I do not could unco…

  42. http://www.pacesetterfund.org/session/88.html

    My personal son provided myself this one concerning mothers day. He understands im not really concerning price tag but everything originates from all heart. I can’t believe this has our favourite shade to in fact suits the wrist. I do not can find out…

  43. http://chuckguilford.com/media/view/25.html

    I got the headphonesof our mother to parents evening, plus she absolutely enjoyed that it! Its really cute headphonesas well as the suggesting regarding the card just that comes inside box is very emotional!! And quality of beads are very good!

  44. Dry Cat Food says:

    Dry Cat Food

    Borders ♥ Design for Information and Interaction on the Internet

  45. cheap hosting

    Borders ♥ Design for Information and Interaction on the Internet

Leave a Reply

You must be logged in to post a comment.