. .
您当前的位置:首页 > 网页制作

div简单布局及插入图片

时间:2020-01-12 23:56:38  来源:  作者:

  现有以下图片:

按照如下的步骤:

  新建一个网页和相应的CSS文件,保存到D:\web2中

  在D:\web2建立存放图片文件夹image,将所给的图片素材复制到文件夹image看。

  插入4个DIV,共用一个类选择器top,分别插入图片02.jpg、03.jpg、04.jpg、05.jpg

  在各DIV中添加一行文字,分别是“学校概况”,“专业设置”,“招生信息”,“就业风采”

  在CSS中定义选择器top,并进行设置:

  (1)宽度:170px,(2)浮动向左浮动,(3)背景颜色为灰色,(4)下边框淡蓝色(其他边框不要有颜色),(5)左边距为10px(6)阴影,灰色,水平与垂直都为6px,颜色为灰色调

得到如下效果:

  参考视频如下:

来顶一下
返回首页
返回首页
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
推荐资讯
相关文章
    无相关信息
栏目更新
栏目热门