CSS3第5章简答题5

版权声明：@桔橘酱 https://blog.csdn.net/weixin_44100210/article/details/89249653

ps:首先创建一个名为"taobao"的css文件,代码如下:

div{
width: 335px;
}

table a{
text-decoration: none;
color: black;
font-size: 12px;
}

a:hover{
text-decoration: underline;
color: orange;
}

ul li{
list-style: none;
}

table tr:nth-child(1) {
font: 18px bold;
background: url("…/img/dress01.png") no-repeat 0px center;
}

table tr:nth-child(4){
font: 18px bold;
background: url("…/img/dress02.png")no-repeat 0px center;
}

table tr:nth-child(7){
font: 18px bold;
background: url("…/img/dress03.png")no-repeat 0px center;
}

table tr:nth-child(10){
font: 18px bold;
background: url("…/img/dress04.png")no-repeat 0px center;
}

table tr:nth-last-child(3){
font: 18px bold;
background: url("…/img/dress05.png")no-repeat 0px center;
}

ps: 其次,链接外部样式表…

ps:下面我要放上完成后的效果图了呦,嘿嘿嘿…

ps:每次我都要在div里放入table标签较上劲,其实我有更好的更便捷的方法来完成,但是我觉得排版就是很重要,结果到最后我感觉,我完成这样的代码就像经过了一个漫长的岁月,哈哈哈.每次敲代码都会遇上一个个大大小小的问题,不过努力后结果还是好的,毕竟孰能生巧呀,果然,什么都不能和放弃挂上钩,因为一旦放弃,那么一切都晚了晚了完了完了…哈哈哈哈哈哈哈…代码亲测,没问题的,放心吧!