自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 三角的制作方法

1. 利用盒子的边框, 将盒子的长度和宽度等于0,最后显示一边的边框,即可形成三角形 div{ width: 0; height: 0; border-top: 100px solid red; border-right: 100px solid yellow; border-bottom: 100px solid blue; border-left: 100

2022-05-09 17:12:31 237

原创 动画的使用

制作动画分两步1.定义动画 @keyframes donghuamingcheng{ 0%{ width: 100px; } 100%{ width: 200px; } }@keyframes后面定义动画名称,方便使用0%后是动画开始时的样子100%后是动画结束时的样子2.使用...

2022-05-09 16:55:55 120

原创 如何将盒子里的文字水平居中和垂直居中

1. 将文字水平居中,只需要在盒子里添加 text-align: center就可以了.<style> div{ text-align: center; } </style><body> <div>将文字水平居中</div></body>2. 将盒子垂直居中,只需要将文字行高等于盒子的高度就行.<style> div

2022-05-09 16:45:07 11326

原创 input的submit类型,点击跳转到新页面并搜索

<body> <form action="https://www.baidu.com/s" method="get" target="_blank"> <input type="search" name="word" placeholder="请输入搜索内容" class="se"> <input type="submit" value=...

2022-05-08 13:53:53 5563 4

原创 form的属性

1. actionaction就是你表单要提交的地址2. name规定元素名称3. method1.method="get" 表单数据会附加在 action 属性的URI中,并以 ‘?’ 作为分隔符, 然后这样得到的 URI 再发送给服务器.2. method="post" 表单数据会包含在表单体内然后发送给服务器.4.targe 1._blank:指定action的Url在新开的浏览器窗口中...

2022-05-08 13:45:17 77

原创 元素的显示与隐藏 当鼠标经过盒子 缓慢显示黑色半透明遮罩

1. display 显示隐藏元素,但是不保留位置2. visibility 显示隐藏元素,但是保留原来位置3. overflow 溢出显示隐藏,但是只对于溢出的部分处理4. opacity 设置盒子的透明度当鼠标经过div盒子,里面的span盒子缓慢出现<style> div{ position: relative; width: 390px; height: 270px; .

2022-05-08 13:31:11 608

空空如也

空空如也

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

TA关注的人

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