自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 自定义三角形_带三角形的边框

自定义三角形_带三角形的边框代码:注意:父盒子需要定位 position: relative.leftMsg::before { box-sizing: content-box; width: 0px; height: 0px; position: absolute; left: -16px; top: 14px; padding: 0; border-right: 8px solid #ffffff; border-top: 4px solid transpare

2021-01-21 14:12:07 256

原创 爆炸效果轮播图

HTML带有爆炸效果的轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style> body{

2020-09-11 16:10:31 447

原创 网格拖拽

鼠标点击拖动小方块,放开点击后小方块自动移入最近的一个固定的规则位置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style&gt

2020-09-10 17:34:23 433

原创 复制内容在后面添加版权信息

html复制网页内容,在后面添加版权信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style> body{

2020-09-10 17:29:23 212

原创 无缝轮播 / 自动轮播

无缝轮播 / 自动轮播<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style> .box{

2020-09-10 17:13:59 571

原创 fullPage / 单屏滚动

fullPage / 单屏滚动非定时器版本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style> *{

2020-09-10 17:02:16 311

原创 HTML与CSS基础

HTML与CSS基础表格<table>//table下面会默认有一个<tbody> <thead></thead> <tbody> <tr> <td></td>//默认水平居中,用valign=“top/buttom/middle”设置td内容垂直位置,可用于tr //align设置水平方向位置

2020-07-27 08:31:56 292

空空如也

空空如也

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

TA关注的人

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