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,321 Responses to “Borders”

  1. cartier love ring replica

    I purchased this trying to find a very good present for the the mom. Their headphone arrived in a breathtaking purple tied up package. This was a lookin present underneath all xmas tree!! On headphone in addition seemed perfect, but my mom is great bon…

  2. cartier juste un clou replica

    I acquired it trying to find a ideal present towards my personal mom. All headphone emerged in a perfect purple tied package. This was ideal hunting gifts below ones holiday tree!! That the headphone always seemed breathtaking, although our mama are gi…

  3. moncler outlet online

    I paid for it trying to find a great present for my mother. That the headphone arrived within a perfect purple tied container. This is the greatest searching gift underneath the particular christmas time tree!! All headphone additionally seemed perfect…

  4. cartier love ring replica

    I bought our trying to find a very good gift for my mama. That headphone arrived within a breathtaking purple tied up container. This is a searching present underneath that christmas tree!! Some sort of headphone and seemed stunning, then again the mom…

  5. cartier love ring replica

    I had gotten it headphonesto my personal mother of parents time, additionally she absolutely liked that! Its completely pretty headphonesas well as the stating regarding the card your will come in the box is very emotional!! And the premium of beads ar…

  6. Binary Options edge

    Borders ♥ Design for Information and Interaction on the Internet

  7. binary Options 2016

    Borders ♥ Design for Information and Interaction on the Internet

  8. cartier love bracelet replica

    I got our headphonesfor my mother towards parents day, as well as she completely adored they! It is really adorable headphonesand the saying on the card your comes inside container is very sentimental!! As well as the top quality of beads is ideal!

  9. bvlgari rings replica

    I had gotten it headphonesfor the the mom to parents day, to she completely adored information technology! Their actually attractive headphonesand the suggesting in the card that will come inside package is very sentimental!! As well as the excellence…

  10. red bottom shoes replica

    I have this particular headphonesto the mom for mothers day, additionally she absolutely liked information technology! It is quite sweet headphonesand saying regarding the card it goes within the container is very emotional!! And the top quality of the…

  11. hermes bracelet replica

    Bought that being a gifts for the my mother to she loved things. cool excellence sweet pricing then the mom liked they. Always delivered very accelerated. So if you need a gift accelerated while like this then this is the definitely one you will want t…

  12. moncler outlet

    Purchased this being a gifts for the mom as well as she enjoyed that it. pleasant good kind rate additionally our mom enjoyed they. And sent extremely fast. When you need a gift fast and you such as this than this is an you will need to go for!

  13. hermes bracelet replica

    Recieved your product before the time offered in a really nice gift package . Your image that is shown for bracelet is actually what you are going to recieve. This really is extremely fragile though your gorgeous piece out of jewelry that will last mai…

  14. cartier love bracelet replica

    Recieved this one product before the date presented in a very sweet present container . The image that is shown for the bracelet is actually what you can expect to recieve. This is really fragile still the best gorgeous piece concerning jewelry which w…

  15. cartier love bracelet replica

    It is an awesome gift towards any family. I’d highly incourage people to invest it it will make a very good present. On transmitter performs a good day task with acquiring the products on occasion. I purchased our items per day back and I reveived it…

  16. cheap nike roshe run uk

    This is an awesome present to any loved ones. I’d strongly incourage people to choose it information technology makes a great gifts. Ones transmitter can a good evening job at getting the actual material concerning occasion. I requested my stuff each…

  17. cartier love bracelet replica

    It is an great gifts towards on your loved ones. I would strongly incourage people to choose our that it makes a very good gifts. Your transmitter can outstanding time work in getting that items upon occasion. I bought my personal things every day ago…

  18. PORN AND SEX says:

    PORN AND SEX

    Borders ♥ Design for Information and Interaction on the Internet

  19. cheap moncler jackets

    Recieved this one product prior to the date given in a very great gifts container . All photo that is revealed for bracelet is actually exactly what you certainly will recieve. This is certainly very fragile still your gorgeous piece of jewelry which w…

  20. Rental mobil jogja

    Borders ♥ Design for Information and Interaction on the Internet

  21. occhiali da sole miu miu

    L’uomo e io occupammo quella piccola cella insieme, così piccola che era molto difficile per noi arrivare da qualcun altro quando i cuccetti addormentati erano scesi. Non abbiamo mai avuto il minimo problema durante tutto il tempo. Un uomo più bello…

Leave a Reply

You must be logged in to post a comment.