![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网页设计与制作
喝着奶茶敲实验
既然上了考试这条贼船,就努力做一个快乐的海盗(¬ v ¬)
展开
-
制作咖啡店的banner
制作咖啡店的banner一、相关知识点1、设置背景颜色2、设置背景图像3、设置背景图像平铺4、设置背景图像位置5、设置背景图像固定6、综合设置元素的背景box-shadow属性二、制作咖啡店的banner一、相关知识点1、设置背景颜色网页元素的背景颜色使用background-color属性来设置2、设置背景图像background-color属性实现将图像作为网页元素的背景例如:body{ background-image:url(images/jianbian.jpg);}3、设原创 2020-09-22 09:20:23 · 1790 阅读 · 1 评论 -
制作“用户中心”——盒子模型
运用盒子模型划分网页模块1、打开VSCode,在自己的文件夹中新建网页文件,文件名06user.html2、具体步骤2.1 将title标签内容改为“用户中心”2.2 在 < body > 内添加 < div > 的盒子2.3 在 < div > 中添加两个盒子 < div >,分别放置图像标签和4个段落标签2.4 设置 < div > 的class值,在css文件夹中新建文件06user.css2.5 在06user.html的 < hea原创 2020-09-17 15:51:35 · 1720 阅读 · 0 评论 -
制作“搜索页面”
制作“搜索页面”part11. 打开VSCode,在自己的文件夹中新建网页文件,文件名05baidu.html,输入 "!",按Tab键自动生成H5网页框架标签。2. 将title标签内容改为“搜索页面”,在内添加文字素材,分别设置标签和class以及id值3.在css文件夹中新建文件05baidu.css,在05baidu.html的标签中引入css文件4. 在05baidu.css中利用标签选择器、类选择器和复合选择器设置页面的全局样式和局部样式5、两个文件分别保存后在浏览器查看效果1. 打开VSCo原创 2020-09-15 09:46:20 · 1218 阅读 · 0 评论 -
制作文字logo
制作文字logo实验步骤代码效果实验步骤打开VSCode,在自己的文件夹中新建网页文件,文件名logo.html,输入 !,按Tab键自动生成H5网页框架标签。将title标签内容改为“文字Logo”,在内添加6个标签,分别设置标签内容和class以及id值在自己的文件夹中新建文件夹css,在css中新建文件logo.css,在logo.html的标签中引入css文件在logo.css中设置标签选择器、类选择器和id选择器的属性和值,两个文件分别保存后在浏览器查看效果代码04logo.ht原创 2020-09-10 15:45:51 · 862 阅读 · 0 评论 -
制作“专题栏目”
制作“专题栏目”一、要求:二、代码:三、效果图:一、要求:自己的文件夹中新建文件夹images,将素材图片3lanmu.jpg复制在其中,打开VSCode,在自己的文件夹中新建网页文件,文件名lanmu.html,输入 !,按Tab键自动生成H5网页框架标签。将title标签内容改为“专题栏目”,在内添加标签,设置src属性值为"images/3lanmu.jpg", alt属性值为"跳槽有道图片"。将文字素材粘贴在其后,按照专题栏目页面效果图,为文字添加合适的标签并设置属性,代码和效果图如下所示原创 2020-09-10 14:30:19 · 578 阅读 · 0 评论