- 博客(10)
- 收藏
- 关注
原创 如何使用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
原创 如何写盒子
颜色的三种表示:颜色英语单词,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关注的人