看一看下邊這些CSS寫法，是我在過去的時間裡見過的一些問題，看你能猜對嗎？你最好是先回複一下，說一說你認為的正確答案是什麼！然後再看效是什麼樣的！ 這樣才有意思！都答對者，來交大子鼠請你喝可樂！
1、猜猜看背景是什麼顏色？
答案：
A：red
B：blue
你選哪個？
| 代碼如下 | 複製代碼 |
| <style>body{ background:blue}</style> </head> <body bgcolor="red"> |
|
想一想背景是什麼顏色？
</body>
2、猜猜看文字是什麼顏色？
答案：
A：red
B：blue
你選哪個？
| 代碼如下 | 複製代碼 |
| <style> .red{ color:red} body{ color:blue} </style> </head> <body class="red"> |
|
想一想文字是什麼顏色？
</body>
3、猜猜看文字是什麼顏色？
答案：
A：red
B：blue
你選哪個？
| 代碼如下 | 複製代碼 |
| <style> .red{ color:red} .blue{ color:blue} </style> </head> <body class="blue red"> |
|
想一想文字是什麼顏色？
</body>
4、猜猜看文字是什麼顏色？
答案：
A：red
B：blue
你選哪個？
| 代碼如下 | 複製代碼 |
| <style> .blue{ color:blue} .red{ color:red} </style> </head> <body class="red blue "> |
|
想一想文字是什麼顏色？
</body>
5、這個黑條會怎麼樣？
答案：
A：右邊空200px;
B：全屏寬度；
你選哪個？
| 代碼如下 | 複製代碼 |
| <style> #webjx{ width:100%; margin-left:200px; background:#000} </style> <body> <div id="webjx">這個黑條會怎麼樣？</div> </body> |
|
6、這個黑條會怎麼樣？
答案：
A：左邊空200px;
B：全屏寬度；
你選哪個？
| 代碼如下 | 複製代碼 |
| <style> #webjx{ width:100%; margin-right:-200px; background:#000} </style> <body> <div id="webjx">這個黑條會怎麼樣？</div> </body> |
|
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
