今天少吃一点-优快云博客

原创 2021-06-11——HTML编写自适应

代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .container{ display: flex; } .first{ background-color:rgb(255, 115, 0); width: 500px; height: 200px; } .second{ background-color:rg

2021-06-11 09:35:17 294

代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&

2021-06-11 09:28:53 145

原创 HTML/CSS编写五彩导航

代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>五彩导航</title> <style type="text/css"> .nav .one:link{ display: inline-block; width:120px; height:58px; background:url("bg1.pn

2021-06-09 19:26:04 3468

原创 HTML动画制作

代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&gt

2021-06-08 09:57:52 267

原创 HTML/CSS编写盒子模型

源代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title

2021-06-08 09:53:27 497

原创 HTML/CSS制作阿里巴巴注册界面

HTML/CSS制作阿里巴巴注册界面源代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge

2021-06-03 15:42:52 2644

原创 HTML用＜form＞表单制作个人简历

在HTML表单制作一张个人简介源代码如下： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>个人简历</title> <style>.btbg{ text-align:center; } </style>  <style>.alsp{ font-family:"

2021-06-03 15:36:24 2272

原创 2021-06-03——CSS属性制作家用电器商品分类表

练习：完成《家用电器商品分类列表》练习样式参考：背景：#0f7cbf ;字体大小：18px; 加粗，文本缩进1个文字的高度，行高35px。大家电等小标题：背景：#e4f1fa; 字体大小：14px; 加粗，文本缩进 2 个文字的高度，行高30px，颜色：#0f7cbf，当鼠标放上去时内容增加下划线。平板电视等内容：字体颜色：#666,行高20px，文本缩进1个文字的高度，当鼠标放上去时颜色显示为#F60，并且增加下划线。文本素材：家用电器大家电平板电视洗衣机冰箱空调烟机/灶...

2021-06-03 09:51:16 3045

原创 HTML使用标签、链接完成电视剧简介

编写实例：使用HTML标签完成《楚乔传》网页练习扩展：点击集数跳转到详细介绍 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, i

2021-06-01 20:39:00 1653

m0_58822480的博客