td

css cursor效果图

↘锁芯ラ 提交于 2019-12-04 18:28:54
效果图: <!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>cursor_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test { width: 400px; border-collapse: collapse; font: 14px/1.5 georgia, arial, serif, sans-serif; } .test td { padding: 2px 10px; border: 1px solid #ddd; } .test td:hover { background: #eee; } .auto { cursor: auto; } .default { cursor: default; } .none { cursor: none; } .context-menu { cursor: context-menu; } .help { cursor: help; } .pointer { cursor: pointer; } .progress { cursor:

Web前端基础(3):HTML(三)

爷,独闯天下 提交于 2019-12-04 18:07:59
1. body中的相关标签 1.1 表格标签:table、tr、td HTML表格由<table>标签以及一个或多个<tr>、<th>或<td>标签组成。 <table>:父标签,相当于整个表格的容器。 border:表格边框的宽度。 width:表格的宽度。 cellpadding:单元边沿与其内容之间的空白。 cellspacing:单元格之间的空白。 bgcolor:表格的背景颜色。 <tr>:标签用于定义行。 <td>:标签用于定义表格的单元格(一个列) colspan:单元格可横跨的列数。 rowspan:单元格可横跨的行数。 align:单元格内容的水平对齐方式,取值:left 左、right 右、center 居中。 nowrap:单元格中的内容是否折行。 <th>:标签用于定义表头。单元格内的内容默认居中、加粗。 实例1: <html> <head> <meta charset="utf-8"/> <title></title> </head> <body> <!-- 3*3表格,设置宽度和边线,并显示1像素的边线 --> <table border="1" width="400px" cellpadding="0" cellspacing="0"> <tr> <th>1标题</th> <th>2标题</th> <th>3标题</th> </tr> <tr> <td

常见标签

倾然丶 夕夏残阳落幕 提交于 2019-12-04 18:04:30
标签 显示效果 <b></b><strong></strong> 文字以粗体方式显示 <i></i><em></em> 文字以斜体方式显示 <s></s><del></del> 文字以加删除线的方式显示 <u></u><ins></ins> 文字以加下滑线的方式显示 img标签 属性 属性值 描述 src url 图片的路径 alt 文本 图像不能显示时替换的文本 title 文本 鼠标悬停时显示的文本 width 像素 设置图片的宽度 height 像素 设置图片的高度 border 数字 设置图像的宽度 链接标签 href: 链接地址 target: self:当前页 blank:另起空白页 无序列表 <ul> <li>alex</li> <li>bob</li> <li>cu</li> <li>dade</li> </ul> 有序列表 <ol> <li>美国</li> <li>英国</li> <li>中国</li> <li>俄罗斯</li> </ol> 自定义列表 <dl> <dt>浙江</dt> <dd>杭州</dd> <dd>宁波</dd> <dd>温州</dd> </dl> table标签 属性 含义 常用属性值 boder 设置表格的边框 像素值 cellspacing 设置单元格与单元格边框之间的空白距离 像素值(默认为2) cellpadding

springboot - 映射HTTP Response Status Codes 到 FreeMarker Error页面

纵饮孤独 提交于 2019-12-04 16:31:17
1、总览 2、代码 1)、pom.xml 这里注意:springboot 2.2.0以后默认的freemarker文件后缀为:ftlh。本例用的是2.2.1,所以后缀为ftlh <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <optional>true</optional> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-tomcat</artifactId> <scope>provided</scope> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId>

springboot - 映射 HTTP Response Status Codes 到自定义 JSP Error 页面

99封情书 提交于 2019-12-04 16:14:37
1、总览 2、代码 1)、pom.xml <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <optional>true</optional> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-tomcat</artifactId> <scope>provided</scope> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency> <dependency> <groupId>org.apache

Marquee(跑马灯)横向、纵向、无空白的不间断连续循环滚动代码

流过昼夜 提交于 2019-12-04 15:23:27
https://bbs.csdn.net/topics/120063623 可以通过改造,让datalist的列表内容呈现跑马灯效果 Marquee(跑马灯)横向、无空白的不间断连续循环滚动代码! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> </HEAD> <BODY> <table width="760" align="center" border="1" > <tr> <td align="center"> <div id=demo style='overflow:hidden;height:110px;width:750px;'> <table height=110 border=0 cellspacing=0 cellpadding=0> <tr> <td id=demo1> <!-- 下面是你要显示的内容 --> <table width=780> <tr> <td>第一</td> <td>第二</td> <td>文章标题</td> <td>最牛交通工具<br>添  加:<br>更新时间:2004年10月9日'</td> <td>经典动物幽默图集<br>添  加:<br>更新时间:2004年10月7日'</td> <td>新化二中<br>添  加:<br>更新时间

提交application/x-www-form-urlencoded类型数据

六月ゝ 毕业季﹏ 提交于 2019-12-04 14:33:52
提交application/x-www-form-urlencoded类型数据 发送application/x-www-form-urlencoded接收通知 举例: 发送通知以及接收通知 说明: 此demo非常简化,使用tomcat服务器运行,本文说明: 包含文件 1.SendNotification.jsp:发送通知页面,表单提交数据的类型为multipart/x-www-form-urlencoded 2.RecvNotification.jsp:接收通知页面 3.页面简单使用了Bootstrap样式 接收参数方式 :request.getParameter(“param”); Demo下载地址: http://download.csdn.net/detail/musuny/8761707 关键代码 SendNotification.jsp < form action = "RecvNotification.jsp" method = "post" enctype = "application/x-www-form-urlencoded" > < table class = "table-responsive" > < tr > < td > < span > message: </ span > < textarea rows = "5" class = "form

模板:list列表显示

瘦欲@ 提交于 2019-12-04 12:13:21
作为视图,担当的角色就是显示数据。所以关键就是,借助JSTL的c:forEach标签遍历从CategoryServlet的list()的request.setAttribute("thecs",cs)传递过来的集合。 <c:forEach items="${从控制器传递过来的参数}" var="变量"> 1 <%@ page language="java" contentType="text/html;charset=UTF-8" 2 pageEncoding="UTF-8" import="java.util.*"%> 3 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 4 <%@include file="../include/admin/adminHeader.jsp"%> 5 <%@include file="../include/admin/adminNavigator.jsp"%> 6 7 <script> 8 9 </script> 10 11 <title>分类管理</title> 12 <div class=""> 13 <h1 class="">分类管理</h1> 14 <br> 15 <br> 16 <div class=""> 17 <table class=""> 18

security 页面测试

自作多情 提交于 2019-12-04 09:33:34
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>登陆</title> </head> <body> <!-- springSecurityDemo为项目名称 --> <form action='/login' method='POST'> <table> <tr> <td>用户名:</td> <td><input type='text' name='username' value=''></td> </tr> <tr> <td>密码:</td> <td><input type='password' name='password' /></td> </tr> <tr> <td colspan='2'><input name="submit" type="submit" value="登陆" /></td> </tr> </table> </form> </body> </html> 来源: https://www.cnblogs.com/lijun6/p/11854034.html

vue + django 批量删除

不想你离开。 提交于 2019-12-04 08:24:56
简单的代码逻辑 views.py # 批量删除class Pdels(APIView): def post(self,request): id = request.data.get('piliang') #获取前端传过来的值 ss=Stu.objects.filter(id__in=id).delete() #去表里查询 前端的id是否在 表里的id字段中 id__in if not ss: #如果不在         #返回给前端信息 return Response({'code': 10020, 'message': '删除失败'})      #如果在 返回给前端信息 return Response({'code':200,'message':'删除成功'})vue 代码写一个input 复选框的模式 <h1>展示学生</h1><table border="1"> <tr> <td>学生姓名</td> <td>学生照片</td> <td>操作</td> <td>多选</td> <td>修改</td> </tr> <tr v-for="i in aa"> <td>{{i.name}}</td> <td><img :src="'http://127.0.0.1:8000/'+i.img" height="100"></td> <td><button v-on:click=