53 lines
735 B
HTML
53 lines
735 B
HTML
<style>
|
|
/*
|
|
.d0 { text-align:center;margin:auto; }
|
|
.d1 p { margin: 0 }
|
|
.d1 {
|
|
margin:2em;
|
|
background-color:green;
|
|
width:13em;
|
|
height:13em;
|
|
text-align:center;
|
|
}
|
|
.d1 .number {
|
|
line-height: 2em;
|
|
}
|
|
.d2 {
|
|
text-align:center;
|
|
margin:auto;
|
|
background-color:blue;
|
|
width:9em;
|
|
height:9em;
|
|
}
|
|
.d1 .d2 ,number {
|
|
line-height: 2em;
|
|
}
|
|
.d3 {
|
|
text-align:center;
|
|
margin:auto;
|
|
background-color:red;
|
|
width:5em;
|
|
height:5em;
|
|
}
|
|
.d1 .d2 .d3 .number {
|
|
line-height: 5em;
|
|
}
|
|
.d1 .d2 .d2a {
|
|
color:white;
|
|
line-height: 2em;
|
|
}
|
|
*/
|
|
</style>
|
|
<script>
|
|
/*
|
|
function highlightMe(elem) {
|
|
elem.style.backgroundColor='yellow'
|
|
alert(elem.className)
|
|
elem.style.backgroundColor = ''
|
|
}
|
|
|
|
function highlightMe2(e) {
|
|
highlightMe(e.currentTarget);
|
|
}
|
|
*/
|
|
</script>
|