本地网页制作(本地吃喝玩乐平台怎么做)
本文目录
本地吃喝玩乐平台怎么做
要看你是什么店铺啊你可以拍一些产品的照片并且还有介绍一下你的产品最好还要有点人气把网页做的漂亮点
-----------关注评论点赞,祝大家好远.
网页制作过程中如何将本地图片设置为背景并且可调大小
利用这个属性:background-size
设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。
语法:
background-size: auto | 《长度值》 | 《百分比》 | cover | contain
取值说明:
1、auto:默认值,不改变背景图片的原始高度和宽度;
2、《长度值》:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放;
3、《百分比》:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上;
4、cover:顾名思义为覆盖,即将背景图片等比缩放以填满整个容器;
5、contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。
提示:大家可以在右边的窗口输入自己的代码尝试不同取值的效果。
示例代码:
《!DOCTYPE html》《html》《head》 《meta charset=“utf-8“》《title》背景图片大小《/title》《style type=“text/css“》.demo { background: url(http://static.mukewang.com/static/img/logo_index.png) no-repeat; width: 300px; height: 140px; border: 1px solid #999; background-size:cover;}《/style》 《/head》 《body》《div》《/div》《/body》《/html》
更多文章:
二叉树基本算法的实现(急!~编写一个C++语言程序,对二叉树实现操作)
2024年6月21日 07:13
什么样子的替换才用通配符(请问谁有word所有的替换功能的详解么 就比如那个“使用通配符”选项 应该怎么用)
2024年5月14日 07:54
国外java php(Java和PHP在Web开发方面的比较)
2024年8月18日 09:25
哪个版本excel有filter函数(excel中怎么提取重复次数最多的数据)
2024年7月22日 16:18
字典里读音是“luo”的字有哪些?落有几种读音,分别怎么组词
2024年7月14日 04:02
printf和putchar的区别(putchar与printf的区别 用法注意)
2024年7月23日 00:31
名侦探柯南中的angel为什么指小兰呢?Guardian angel 歌词翻译
2024年6月29日 19:28
黑马程序员是做什么的(在黑马程序员学习了前端,web前端的工作有哪些主要内容)
2024年6月6日 02:55
sqlserver2019激活(谁能帮我解决SqlServer设备激活错误,请使用 WITH MOVE 选项来标识该文件的有效位置)
2024年8月11日 21:50
fopen函数mode参数(fopen函数,哪些mode参数是正确的)
2024年7月22日 15:22