info343/lectures/more-events-creating-elements/files/rects.css

/*
rect.css
CSS styles for colored rectangles example, Lecture 7: More Events, Creating Elements
INFO 343, Autumn 2012
Morgan Doocy
*/

#rectanglearea {
   width: 800px;
   height: 300px;
   position: relative;
   border: 2px solid black;
}

/*
all rectangles should be 50x50 px in size, have a 2px-thick black
border, and should be able to be positioned at any coordinates
within the rectanglearea
*/
.rectangle {
   position: absolute;
   background-color: red;
   border: 2px solid black;
   height: 50px;
   width: 50px;
}