今天的练习题

来源:互联网 发布:openresty java开发 编辑:程序博客网 时间:2024/05/02 03:09

制作要求如下图:



css代码:



html代码:



最终效果:



我的制作思路是:

先用一个div包含内容,这个div先设置宽和高,然后设置内边距和边框,插入图片后,图片四周离边框有点距离。然后在图片下添加H标签,为了好看点给它一点上下边距,调到适当位置。然后在H标签下添加P标签,P标签里面添加两个span标签,各自插入内容,然后设置css样式,一个变大变色,另一个添加删除线,再P标签上设置左浮动。隔壁的图片是设置了右浮动。32字体变色是用span标签框住,然后给span添加color。

0 0
原创粉丝点击