随笔分类 -  html网页设计

1 2 下一页
html上传文件
摘要：效果： 代码： <form action="/" method="post" enctype="multipart/form-data"> <div> <input class="layui-btn" type="file" multiple="multiple" accept="image/*" 阅读全文
posted @ 2022-11-03 20:46 慢漫曼蔓 阅读(1457) 评论(0) 推荐(0)
html套用layui选择日期
摘要：效果： 代码： layui.use('laydate', function(){ var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#test1' //指定元素 }); }); 评估时间：<input type= 阅读全文
posted @ 2022-11-03 20:38 慢漫曼蔓 阅读(103) 评论(0) 推荐(0)
html套用layui实现页面弹出层
摘要：效果： 代码： <button id="add" onclick="useradd()" class="layui-btn"><i class="layui-icon">评估</i> </button> /* 添加弹出层父页面 button 事件 */ function useradd() { la 阅读全文
posted @ 2022-11-03 20:36 慢漫曼蔓 阅读(627) 评论(0) 推荐(0)
html实现全选/取消全选
摘要：效果： js: //checkbox 全选/取消全选 function checkAll(){ //1.获取编号前面的复选框 var checkAllEle = document.getElementById("box"); //2.对编号前面复选框的状态进行判断 if(checkAllEle.ch 阅读全文
posted @ 2022-11-03 20:34 慢漫曼蔓 阅读(1758) 评论(0) 推荐(0)
html表格内容一行显示，超出省略号代替
摘要：css将表格里的内容显示在一行，超出部分用省略号代替 table{ table-layout: fixed; } td{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 1、table-layout需要设置为fixe 阅读全文
posted @ 2022-10-28 17:08 慢漫曼蔓 阅读(497) 评论(0) 推荐(0)
html点击出现下拉标签点击关闭
摘要：html点击文字出现下拉标签，点击隐藏 配合使用<detials><summary>标签 例： <!DOCTYPE HTML> <html> <body> <details> <summary>Copyright 2011.</summary> <p>All pages and graphics o 阅读全文
posted @ 2022-10-28 16:40 慢漫曼蔓 阅读(111) 评论(0) 推荐(0)
html网页缩放并去白边
摘要：代码： body{ transform:scale(0.5)//缩放倍数 transform-origin:top left;//置顶 } 阅读全文
posted @ 2022-05-27 10:18 慢漫曼蔓 阅读(202) 评论(0) 推荐(0)
在css文件夹插背景图片加载不出
摘要：在css文件夹里设置样式引用其他文件夹内图片，html里图片加载不出 原因：可能是图片路径错误 在前面加上../ 阅读全文
posted @ 2022-05-27 10:16 慢漫曼蔓 阅读(147) 评论(0) 推荐(0)
html插入音乐和视频
摘要：新建一个文件夹可以命名为musics放入MP3格式的音乐 代码 <audio src="music/MIC男团 - My place.mp3" controls></audio> 新建一个文件夹可以命名为videos放入MP4格式的视频 代码 <video width="400" height="3 阅读全文
posted @ 2022-05-11 19:40 慢漫曼蔓 阅读(90) 评论(0) 推荐(0)
不连接数据库的网页登陆
摘要：直接设置账号密码登陆网页不连接数据库代码 script <script> function login(){ var name=document.getElementById("name").value; var pass=document.getElementById("pass").value; 阅读全文
posted @ 2022-05-10 19:38 慢漫曼蔓 阅读(109) 评论(0) 推荐(0)
购物网站首页样式代码
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>主页</title> <style type="text/css"> .shang{ width: 100%; height: 40px; background 阅读全文
posted @ 2022-04-05 21:52 慢漫曼蔓 阅读(269) 评论(0) 推荐(0)
购物网站首页样式
摘要： 阅读全文
posted @ 2022-04-04 21:48 慢漫曼蔓 阅读(31) 评论(0) 推荐(0)
网页自动生成验证码并判断正确
摘要：<!DOCTYPE html> <html lang="en"> <head> <title>无标题页</title> <style type="text/css"> .code { background-image:url(code.jpg); font-family:Arial; font-st 阅读全文
posted @ 2022-04-02 22:06 慢漫曼蔓 阅读(44) 评论(0) 推荐(0)
下拉菜单代码
摘要：<!DOCTYPE html> <html> <head> <title>下拉菜单实例</title> <meta charset="utf-8"> <style> /* 下拉按钮样式 */ .dropbtn { background-color: #4CAF50; color: white; pa 阅读全文
posted @ 2022-04-01 23:18 慢漫曼蔓 阅读(184) 评论(0) 推荐(0)
一个简单的下拉菜单
摘要：鼠标放上去会出现下拉菜单点击即可 鼠标没有放上去之前 鼠标放上去之后 阅读全文
posted @ 2022-03-31 21:40 慢漫曼蔓 阅读(34) 评论(0) 推荐(0)
左右分块主页代码
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>主页</title> <style type="text/css"> .zuo{ width: 18%; height: 800px; background:# 阅读全文
posted @ 2022-03-28 21:54 慢漫曼蔓 阅读(50) 评论(0) 推荐(0)
一个左右分块的主页效果图
摘要： 阅读全文
posted @ 2022-03-27 21:42 慢漫曼蔓 阅读(12) 评论(0) 推荐(0)
简单登陆页面代码
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户登录界面</title> <style type="text/css"> .zhong{ width: 100%; height: 100px; } .xi 阅读全文
posted @ 2022-03-26 23:37 慢漫曼蔓 阅读(248) 评论(0) 推荐(0)
一个简单的登陆样式效果图
摘要： 阅读全文
posted @ 2022-03-25 22:17 慢漫曼蔓 阅读(15) 评论(0) 推荐(0)
加PHP用户登陆代码
摘要：<!DOCTYPE html> <html> <head> <title>登录</title> <meta name="content-type"; charset=UTF-8"> <style> .zhong{ width: 100%; height: 100px; } .xia{ width: 阅读全文
posted @ 2022-03-24 21:22 慢漫曼蔓 阅读(26) 评论(0) 推荐(0)

1 2 下一页