Another day another opportunity to learn. Let’s continue with coding the Picasso Drawing.
- Remember the white-hat div we started styling yesterday, we continue today with border-top-color, border-right-color, border-left-color and border-bottom-color.
- Next step we give the div a position of absolute. (Remember, I said in an earlier lesson I explained that positioning is used to move the elements to different positions.
- We then style the next div with an id black-mask. We work on the width, height, background-color, position, left, top and z-index.
- Styling the div with and id of gray-instrument is what I did next. I used the attributes width, height, background-color, position, left, top, z-index.
- We go on to style the div with a class black-dot. We style the width, height and background-color.
- Next, we work on border-radius, watch what happens when we make it 50%.
- After that we use the display attribute, then the margin is fixed to auto (take note what happens) and margin-top.
That's all for today. See ya tommorow.