日期：2013-09-15 浏览次数：21118 次
看一看下边这些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>
#aiyiweb{ width:100%; margin-left:200px; background:#000}
</style>
<body>
<div id="aiyiweb">这个黑条会怎样样？</div>
</body>
6、这个黑条会怎样样？
答案：
A：左边空200px;
B：全屏宽度；
你选哪个？
<style>
#aiyiweb{ width:100%; margin-right:-200px; background:#000}
</style>
<body>
<div id="aiyiweb">这个黑条会怎样样？</div>
</body>
如果你认为没有问题了，那就看一下效果吧！建议你先回复一下你的答案再看效果！：）
效果如下：
１
[Ctrl+A 全部选择 提示：你可先修正部分代码，再按运转]
２
[Ctrl+A 全部选择 提示：你可先修正部分代码，再按运转]
３
[Ctrl+A 全部选择 提示：你可先修正部分代码，再按运转]
４
[Ctrl+A 全部选择 提示：你可先修正部分代码，再按运转]
５