1. 首页>动态要闻 > 信息

html怎么把div弄成爱心形状

作者:何原
2020-05-17
信息

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画出一颗爱心

Draw Heart <style type="text/css"> * { margin: 0; padding: 0; } html { height: 100%; margin: 0; } body { height: 100%; background-color:white; } #canvasZone { width: 100%; height: 100%; text-align: center; background-color: black; } #myCanvas { height:100%; display: block; } </style> <body>

html怎么把div弄成爱心形状

推荐阅读
  • 日照好玩的地方和吃海鲜应该去哪听说日

    日照好玩的地方:万平口:"旅游来日照,必到万平口",已成为各地游客的共识。刘家湾赶海园:以赶海系列活动为主,集旅游、休闲、度假、民俗、健身于一体的综合旅游园。竹洞天:位于山东省日照市城区西端的将帅沟毛竹…

    信息 2024-11-10
  • 什么是铸造

    铸造是指将室温中为液态,但不久后将要固态化的物质倒入特定形状的铸模待其凝固成形的加工方式。 被铸物质多半原为固态但加热至液态的金属(例:铜、铁、铝、锡、铅等),而铸模的材料可以是沙、金属甚至陶瓷。 因应…

    信息 2024-11-10
  • 变形金刚中博派和狂派各有哪些人物

    博派:擎天柱,铁皮,大黄蜂,爵士,棘齿。狂派:威震天,红蜘蛛,眩晕,吵闹,萨克,碎骨魔,路障,迷乱。…

    信息 2024-11-10
  • 一平方毫米的铜线能过多少安的电流

    1平方毫米的铜线在不同电流下通过的安培数不同。最大是18A:(1)60A以下,选1平方毫米的铜线安全载流量是6A;(2)60~100A,选1平方毫米的铜线,安全载流量是5A;(3)100A以上,选1平方毫米的铜线,安全载流量是2.5A 。…

    信息 2024-11-10
  • 中华人民共和国城乡规划法第四十条有规

    自2008年1月1日起施行的《中华人民共和国城乡规划法》第四十条:在城市、镇规划区内进行建筑物、构筑物、道路、管线和其他工程建设的,建设单位或者个人应当向城市、县人民政府城乡规划主管部门或者省、自治区、直辖…

    信息 2024-11-10