1. 使用HTML编写一个网页:如何将图片依照想要的形状摆放,比如爱心
不管什么图片,都是方形的。
首先要建立一个表格或者div,把这个图片放进去。
你用的图片格式可以是jpg、png、gif格式,其中png、gif有透明的格式,你插入到表格中或者div中,它自动透明就显示了爱心的形状。
如果不是透明的格式,就要让图片的背景和它周围网页元素的背景颜色图案一致(比如爱心图案是红色的,而它的背景和它周围的背景都是白色的),这样会造成一种视觉错觉,好像图片是不规则形状的。
这个效果你可以参看“百度知道”的那个大图标。
2. 怎么把DIV变成一个圆
1、【第一步】打开Dreamweaver cc 2014软件,选择建立html界面,里面自动生成一些必要代码的代码格式,不需再浪费时间去写。
2、【第二步】在body标签内输入:<div class="Odiv"></div>;,这里的div就是用于画圆形的标签。
3、【第三步】在相对靠前的位置,输入
.Odiv{ width:200px; height:200px; border-radius:50%; background-color:#1EFD0C;}
这就是css样式用于修饰div标签,使得div形成一个绿色的圆图形。
4、【第四步】保存好代码,回到Dreamweaver 界面,摁F12键,弹出对话框,就能看所画绿色圆图形。
3. 如何用html5 canvas画出一颗爱心