|
要求:在本文档中的题目下作答,在所写的代码下面粘贴运行后的网页截图,提交本word文档即可。" p3 j% I8 ~) O8 P1 z% p
小明的女朋友跟他生气了,他想哄女朋友开心。他在想为女朋友做点儿什么呢?他看女朋友最近经常浏览淘宝、京东、新浪、百度这些网站,于是,就给她做了简单的页面。女朋友看了之后感觉不太好看,小明同学想将列表的方式转化为表格。过了一段时间,小明同学学到了css,发现css可以美化它写的网站。
: I% O1 K7 P( |# ?<DOCTYPE html>1 }6 T/ }: s" H) u" }! |+ s
<html>
$ W: B X0 o6 T; _' r x <head></head>; p" U o" k9 E- v9 |7 ?% p$ `( v
<body>
0 H1 {7 ?) o" ^- m9 ]) J <table border="1" cellpadding = "20" cellspacing="0">
1 B i$ B' v. T! t( z" m <tr>
8 O/ @; W4 Z% U" E! V, ^9 ^* |' o# c! h <th>网站名称</th>
8 B. p7 o9 L( Y1 D K4 h/ P <th>网站地址</th>" d3 O. y$ k+ o2 w" q. N
</tr>. ]) O1 k. |0 \5 S0 h- e
<tr>
w( ]6 U( m* w. f3 X( N <td>京东</td>
5 E2 s) F: t0 _ <td>http://www.jingdong.com</td>. [# S* f8 e! I, E
</tr>
7 C. ~4 S& u) O <tr>
% W3 K' t: ]4 d- D B9 c <td>百度</td>; Y3 ^5 h3 M6 H
<td>http://www.baidu.com</td>
( Q; u1 J! W5 G6 j4 I. l </tr>7 H3 @0 |) a2 _
<tr>
! _$ S4 H. h* [0 M4 j' ^ <td>新浪</td>
4 @, r, @. t/ j, d <td>http://www.sina.com.cn</td>+ `! u$ S* F i8 D' v6 C( F" g
</tr>: W' C9 g) Q5 Y, y
<tr>
. Y9 J% N. \' i" {. q <td>淘宝</td>
" W. j2 J) W; W* a <td>http://www.taobao.com </td>
7 |' U7 k J) n </tr>
# d; d4 @5 W+ t2 r2 |7 } </table>. |" _/ [* W2 L# y. w. @) C
</body>
" |# T9 f) J, Q* ?! Z/ t: _$ V </html>. w' K- y. h7 g0 n4 d8 x! I3 `
: l3 ?% q/ V' x1.请同学们使用css实现网页背景颜色为#f1f1f1, 表格左右居中,内容居中展示,距上50px, 奇数行背景色为#f5f2eb,取消a标签下划线效果,效果图如下:
# _" g. O {2 ^" R/ \8 z 7 [# C" M z$ J! K; s
) }2 R5 [/ ^. l: t0 I2 G2.小明同学想是不是通过div+css也可以实现这样的表格样式呢,大家想想怎么做呢?% X# j9 L$ a% i
|
|