- 博客(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关注的人