自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 使用HTML写动态图画

动画

2024-06-12 13:50:58 821

原创 如何使用HTML写网页的背景

background: gainsboro url(img/推荐2.webp) no-repeat fixed center/100%;*/ /*图片的位置 */background-attachment: fixed;/* 固定在网页上 (定位)*//* background-image:url(img/推荐2.webp);/* background-image: url(img/推荐2.webp);3.repeat-x:左右方位重复。/* 设置图片在整个网页里面 *//* 复合写法 */

2024-06-12 13:48:24 969

原创 浮动和定位

absolute:绝对定位,参照物是有定位父盒子,如果所有父盒子都没有定位,则参照body。相对定位的盒子不脱标,绝对定位的盒子会脱标,经典应用:子绝父相/大相小绝。relative:相对定位,参照物是盒子本身,不会脱标!1.浮动的盒子会脱离标准流(脱标)static:静态的,默认的定位模式。定位:实现标签在网页中精准定位-->标准流:标签的显示规则(显示模式)3.父级添加after伪元素。1.额外标签法:隔墙法。-- 传统的网页布局:标准流+浮动+定位。4.父级添加双伪元素。定位:position。

2024-06-05 11:20:50 198

原创 盒子外边距

外边距

2024-06-05 11:18:47 759

原创 盒子的显示

删除线段落标签显示模式

2024-06-05 11:17:34 662

原创 如何写盒子

颜色的三种表示:颜色英语单词,rgb(0~255,0~255,0~255),#000000。none:默认 solid:实线 dotted:点线 dashed:虚线。/*font:字体,size:大小 */top:上 bottom:下 left:左 right:右。/* 边框:大小5px 实线 边框颜色红色 */height: 200px;width:宽 height:高。一个值:(上/下/左/右)三个值:上(左/右)下。/* 边框的复合写法: *//* 复合写法:顺时针方向。

2024-06-05 11:16:30 324

原创 列表的标签

无名的人</li><dt>服务中心</dt><dd>售后电话</dd><dd>在线客服</dd><dd>线下网点</dd><li>手机</li><li>电视</li><li>稻香

2024-06-05 11:14:44 106

原创 表格的合并

电话</th> -->1.colspan:单元格占多列(占据两列colspan="2")2.rowspan:单元格占多行(占据两行rowspan="2"<th>姓名</th><th>年龄张三</td><td>李四表格合并单元格

2024-06-05 11:13:31 164

原创 表格的标签

学号</th> <!--table row:行-->--cellspcing:单元格之间的空间距离-->--表格的表头部分--><td>计算机五班</td><td>计算机五班</td><th>姓名张三</td><td>李四

2024-06-05 11:12:07 313

原创 表格标签例

学号</th> <!--table row:行-->--cellspcing:单元格之间的空间距离-->--表格的表头部分--><td>计算机五班</td><td>计算机五班</td><th>姓名张三</td><td>李四

2024-06-05 10:50:26 291

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除