Dreamware如何制作爱心?

创建一个新的HTML文件,在body标签中加入如下的html代码,设置显示爱心的对象。在head标签中添加css样式标签<style>,并写入CSS样式,把爱心的对象变成红色的方块。给这个元素设置伪元素CSS样式,这个爱心的一半就出来了,接下来只需要再添加另外一边的爱心即可。

工具/原料:

台式机组装电脑

windows1020h2

dreamwarecc2019

1、打开运行电脑中安装的dreamware软件,打开“文件”菜单中的“新建”功能,创建一个新的HTML文件。

2、在body标签中加入如下的html代码,设置显示爱心的对象。

3、在head标签中添加css样式标签<style>,并写入CSS样式,把爱心的对象变成红色的方块。

4、给这个元素设置伪元素CSS样式,此时图形就变成如图所示。

5、这个爱心的一半就出来了,再给它进行一下角度的45度旋转。

6、接下来只需要再添加另外一边的爱心,再把两个叠加在一起就完成了。

7、完成图如下。



  • Dreamware濡備綍鍒朵綔鐖卞績?
    绛旓細1銆佹墦寮杩愯鐢佃剳涓畨瑁呯殑dreamware杞欢锛屾墦寮鈥滄枃浠垛濊彍鍗曚腑鐨勨滄柊寤衡濆姛鑳斤紝鍒涘缓涓涓柊鐨凥TML鏂囦欢銆2銆佸湪body鏍囩涓姞鍏ュ涓嬬殑html浠g爜锛岃缃樉绀鐖卞績鐨勫璞°3銆佸湪head鏍囩涓坊鍔燾ss鏍峰紡鏍囩锛渟tyle>锛屽苟鍐欏叆CSS鏍峰紡锛屾妸鐖卞績鐨勫璞″彉鎴愮孩鑹茬殑鏂瑰潡銆4銆佺粰杩欎釜鍏冪礌璁剧疆浼厓绱燙SS鏍峰紡锛屾鏃跺浘褰㈠氨鍙樻垚濡傚浘鎵绀恒
  • 濡備綍缂栫▼鍑轰竴涓鐖卞績
    绛旓細棣栧厛鎵撳紑浠g爜缂栬緫鍣紱鐒跺悗杈撳叆浠g爜銆恆=x*xy*y-1;charch=a*a*a-x*x*y*y*y<=0.0f?'*':'';putchar(ch)銆戙備唬鐮佽璁$殑鍘熷垯鍖呮嫭鍞竴纭畾鎬с佹爣鍑嗗寲鍜岄氱敤鎬с佸彲鎵╁厖鎬т笌绋冲畾鎬с佷究浜庤瘑鍒笌璁板繂銆佸姏姹傜煭灏忎笌鏍煎紡缁熶竴浠ュ強瀹规槗淇敼绛夈傛簮浠g爜鏄唬鐮佺殑鍒嗘敮锛屾煇绉嶆剰涔変笂鏉ヨ锛屾簮浠g爜鐩稿綋浜庝唬鐮併...
  • 濡備綍缂栫▼鍑轰竴涓鐖卞績
    绛旓細1銆佹墦寮杩愯鐢佃剳涓畨瑁呯殑dreamware杞欢锛屾墦寮鈥滄枃浠垛濊彍鍗曚腑鐨勨滄柊寤衡濆姛鑳斤紝鍒涘缓涓涓柊鐨凥TML鏂囦欢銆2銆佸湪body鏍囩涓姞鍏ュ涓嬬殑html浠g爜锛岃缃樉绀鐖卞績鐨勫璞°3銆佸湪head鏍囩涓坊鍔燾ss鏍峰紡鏍囩锛渟tyle>锛屽苟鍐欏叆CSS鏍峰紡锛屾妸鐖卞績鐨勫璞″彉鎴愮孩鑹茬殑鏂瑰潡銆4銆佺粰杩欎釜鍏冪礌璁剧疆浼厓绱燙SS鏍峰紡锛屾鏃跺浘褰㈠氨鍙樻垚濡傚浘鎵绀恒
  • 濡備綍鍋涓涓鐖卞績鐨勫浘褰㈡爣蹇?
    绛旓細1銆佹墦寮杩愯鐢佃剳涓畨瑁呯殑dreamware杞欢锛屾墦寮鈥滄枃浠垛濊彍鍗曚腑鐨勨滄柊寤衡濆姛鑳斤紝鍒涘缓涓涓柊鐨凥TML鏂囦欢銆2銆佸湪body鏍囩涓姞鍏ュ涓嬬殑html浠g爜锛岃缃樉绀鐖卞績鐨勫璞°3銆佸湪head鏍囩涓坊鍔燾ss鏍峰紡鏍囩锛渟tyle>锛屽苟鍐欏叆CSS鏍峰紡锛屾妸鐖卞績鐨勫璞″彉鎴愮孩鑹茬殑鏂瑰潡銆4銆佺粰杩欎釜鍏冪礌璁剧疆浼厓绱燙SS鏍峰紡锛屾鏃跺浘褰㈠氨鍙樻垚濡傚浘鎵绀恒
  • 濡備綍鍒朵綔鐖卞績鐨勫舰鐘?
    绛旓細1銆佹墦寮杩愯鐢佃剳涓畨瑁呯殑dreamware杞欢锛屾墦寮鈥滄枃浠垛濊彍鍗曚腑鐨勨滄柊寤衡濆姛鑳斤紝鍒涘缓涓涓柊鐨凥TML鏂囦欢銆2銆佸湪body鏍囩涓姞鍏ュ涓嬬殑html浠g爜锛岃缃樉绀鐖卞績鐨勫璞°3銆佸湪head鏍囩涓坊鍔燾ss鏍峰紡鏍囩锛渟tyle>锛屽苟鍐欏叆CSS鏍峰紡锛屾妸鐖卞績鐨勫璞″彉鎴愮孩鑹茬殑鏂瑰潡銆4銆佺粰杩欎釜鍏冪礌璁剧疆浼厓绱燙SS鏍峰紡锛屾鏃跺浘褰㈠氨鍙樻垚濡傚浘鎵绀...
  • 鍦ㄧ數鑴戜笂鐢ㄤ唬鐮佸紕鐖卞績
    绛旓細鍦ㄧ數鑴戜笂鐢ㄤ唬鐮佸紕鐖卞績鏂规硶濡備笅锛1銆佹墦寮杩愯鐢佃剳涓畨瑁呯殑dreamware杞欢锛屾墦寮鈥滄枃浠垛濊彍鍗曚腑鐨勨滄柊寤衡濆姛鑳斤紝鍒涘缓涓涓柊鐨凥TML鏂囦欢銆2銆佸湪body鏍囩涓姞鍏ュ涓嬬殑html浠g爜锛岃缃樉绀虹埍蹇冪殑瀵硅薄銆3銆佸湪head鏍囩涓坊鍔燾ss鏍峰紡鏍囩锛渟tyle>锛屽苟鍐欏叆CSS鏍峰紡锛屾妸鐖卞績鐨勫璞″彉鎴愮孩鑹茬殑鏂瑰潡銆4銆佺粰杩欎釜鍏冪礌璁剧疆浼厓绱...
  • 濡備綍璁╃綉椤典腑鐨鐖卞績鏄剧ず涓鍗
    绛旓細1銆佹墦寮杩愯鐢佃剳涓畨瑁呯殑dreamware杞欢锛屾墦寮鈥滄枃浠垛濊彍鍗曚腑鐨勨滄柊寤衡濆姛鑳斤紝鍒涘缓涓涓柊鐨凥TML鏂囦欢銆2銆佸湪body鏍囩涓姞鍏ュ涓嬬殑html浠g爜锛岃缃樉绀鐖卞績鐨勫璞°3銆佸湪head鏍囩涓坊鍔燾ss鏍峰紡鏍囩锛渟tyle>锛屽苟鍐欏叆CSS鏍峰紡锛屾妸鐖卞績鐨勫璞″彉鎴愮孩鑹茬殑鏂瑰潡銆4銆佺粰杩欎釜鍏冪礌璁剧疆浼厓绱燙SS鏍峰紡锛屾鏃跺浘褰㈠氨鍙樻垚濡傚浘鎵绀...
  • 濡備綍鐢╟md鐢鐖卞績
    绛旓細1鐢讳竴涓崐寰20鐨勫渾锛屼綘涔熷彲浠ョ敾鍏朵粬鍗婂緞锛屽彧瑕佽儢鐦︽帉鎻″ソ鐪嬪氨ok銆傜敾鍦嗗揩鎹烽敭C鈥斺旈殢渚块変竴涓偣涓哄渾蹇冣斺旇緭鍏ュ崐寰20鈥斺旂┖鏍兼垨鑰呭洖杞︼紒2鎵撳紑瀵硅薄鎹曟崏鈥斺斿嬀閫夎薄闄愮偣锛屽垏鐐癸紝鍜屽渾蹇冿紝绔偣銆傗斺旂‘瀹 3鍦ㄥ渾鐨勬渶宸﹁竟鎴栬呭彸杈硅薄闄愮偣锛屼负璧风偣鍚戜笅鐢荤珫绾块暱搴︿负50-60锛屾垜閫夋嫨50銆傜敾鐩寸嚎蹇嵎閿甃,绔栫洿鍚戜笅...
  • 濡備綍鎶婇〉闈㈤噷鐨勭孩蹇冨幓鎺?
    绛旓細1銆佹墦寮杩愯鐢佃剳涓畨瑁呯殑dreamware杞欢锛屾墦寮鈥滄枃浠垛濊彍鍗曚腑鐨勨滄柊寤衡濆姛鑳斤紝鍒涘缓涓涓柊鐨凥TML鏂囦欢銆2銆佸湪body鏍囩涓姞鍏ュ涓嬬殑html浠g爜锛岃缃樉绀鐖卞績鐨勫璞°3銆佸湪head鏍囩涓坊鍔燾ss鏍峰紡鏍囩锛渟tyle>锛屽苟鍐欏叆CSS鏍峰紡锛屾妸鐖卞績鐨勫璞″彉鎴愮孩鑹茬殑鏂瑰潡銆4銆佺粰杩欎釜鍏冪礌璁剧疆浼厓绱燙SS鏍峰紡锛屾鏃跺浘褰㈠氨鍙樻垚濡傚浘鎵绀...
  • 扩展阅读:ai图片生成器 ... adobe animate ... html+css网页制作成品 ... dreamware网页制作 ... 个人网页制作成品 ... 免费制作自己的网站 ... 免费学生网页制作成品 ... dreamflowerbunny ... adobe illustrator ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网