减小字体 增大字体 颜色 默认 灰度 橄榄色 绿色 蓝色 褐色 红色
看一看下边这些CSS写法,是我在过去的时间里见过的一些问题,看你能猜对吗?你最好是先回复一下,说一说你认为的正确答案是什么!然后再看效是什么样的! 这样才有意思!都答对者,来交大子鼠请你喝可乐!
1、猜猜看背景是什么颜色?
答案:A:red B:blue
你选哪个?
<style>body{ background:blue}</style></head><body bgcolor="red">想一想背景是什么颜色?</body>
2、猜猜看文字是什么颜色?
<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、猜猜看文字是什么颜色?
<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>
如果你认为没有问题了,那就看一下效果吧!建议你先回复一下你的答案再看效果!:)效果如下:
1
<style>body{ background:blue}</style> </head> <body bgcolor="red"> 想一想背景是什么颜色? </body>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
2
<style> .red{ color:red} body{ color:blue} </style> </head> <body class="red"> 想一想文字是什么颜色? </body>
3
<style> .red{ color:red} .blue{ color:blue} </style> </head> <body class="blue red"> 想一想文字是什么颜色? </body>
4
<style> .blue{ color:blue} .red{ color:red} </style> </head> <body class="red blue "> 想一想文字是什么颜色? </body>
5
<style> #webjx{ width:100%; margin-left:200px; background:#000} </style> <body> <div id="webjx">这个黑条会怎么样?</div> </body>
6
<style> #webjx{ width:100%; margin-right:-200px; background:#000} </style> <body> <div id="webjx">这个黑条会怎么样?</div> </body>