ICode9

精准搜索请尝试: 精确搜索
  • 2021/10/18 table:tr,th,td,caption2021-10-18 17:01:18

    13.1 表格    <tr>     <th>外号</th>     <th>原名</th>     <th>特长</th>     <th>照片</th>   </tr>   <tr>     <th>美国队长</th

  • 座位选择(JS)2021-10-15 23:33:36

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } ul{ width: 500px; height: 400px

  • 简易日历练习2021-10-15 21:02:47

     鼠标悬停实现背景颜色改变 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" conten

  • CSS实现文字描边效果2021-10-15 18:05:35

    如图所示:热力看起来并不清楚 解决: 方法一: -webkit-text-stroke: length color; 参数:length :文本描边宽 color: 文本颜色 -webkit-text-stroke: 1px #1e4dfe; 效果: 方法二:text-shadow 例如: text-shadow: 1px 1px 0 #000; 参数: text-shadow: x位移 y位移 模糊程度 颜色 其中:

  • 制作商品详情页面案例2021-10-10 20:32:07

     需将文章最后的图片保存下来与代码放于同一目录中 商品详情页面模板   HTML代码 <!--制作商品详情页面--> <!--李子木--> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>制作商品详情页面</title> <link rel=&quo

  • css+html表格制作2021-10-05 18:30:47

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

  • mouseout和mouseleave的区别2021-10-05 02:31:06

    mouseleave事件是各元素各自触发,不是由子元素冒泡而来,而mouseout是由子元素冒泡而来。 举个栗子 .app1 { width: 300px; height: 300px; border: 1px dashed black; } .app2 { width: 200px; height: 200px; border: 1px dashed gray; } .app3 { width: 100px;

  • 9.css背景样式2021-10-02 17:34:59

    1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 div{ 8 width: 1000px; 9 height: 70

  • 11.margin外边距2021-10-02 17:33:07

    1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <!--外边距的妙用:居中元素 7 margin: 0 auto; 8 --> 9 <style> 10

  • Summary of CSS2021-10-02 12:03:13

    文章目录 知识框架图1. CSS2. CSS3种导入方法行内内部外部 3. 选择器3.1 *三种基本选择器标签选择器类选择器id选择器 3.2 层次选择器后代选择器子选择器下兄弟选择器通用选择器 3.3 结构伪类选择器3.4 属性选择器基础语法body基础style属性选择绝对等于模糊等于以开头以结

  • 操作样式2021-10-01 21:00:15

    1、控制标签style样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-size: 14px; } table, tr,

  • asp.net core 如何将网页导出2021-10-01 16:02:27

     1.直接将Html转成Word。MVC自带FileResult很好用。Html中我们也可以嵌入自己的样式。     html: <div id="target"> <style> table{border-collapse: collapse;border: 1px solid black;} td{border: 1px royalblue solid} </style> <img

  • CSS选择器学习笔记2021-09-25 20:02:25

    CSS选择器学习笔记 目录 CSS选择器学习笔记 CSS选择器上  通用选择器  类型选择器  类选择器 id选择器 属性选择器  分组选择器  包含选择器  子元素选择器 伪元素选择器:first-line 伪元素选择器:first-letter  伪元素选择器 :before和:after选择器  CSS选择器下  根

  • css学习记录2021-09-23 23:31:31

    1.什么是CSS Cascading Style Sheet 层叠级联样式表 CSS:表现(美化网页) 字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动。。。。 2.css规范 3.CSS的导入 4.选择器 4.1基本选择器 优先级不遵循就近原则,固定的:id选择器 > class选择器 > 标签选择器 4.1.1 标签 选择器 标签名{}

  • 设置TABLE表格边框为单实线2021-09-18 11:03:36

    .hcp-table { width: 100%; margin-top: 30px; border-spacing: 0; text-align: center; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } .hcp-table th { padding: 10px; background: #63a2e8; border-right: 1px solid #e8e8e8; border-bott

  • # 1. 正则表达以及失去焦点验证的JS书写2021-09-18 10:58:17

    1. 正则表达以及失去焦点验证的JS书写 <script> function leave(a) { var reg = /^[ \u4e00-\u9fa5a-zA-Z0-9_-]{5,16}$/;//[ title: [/^[a-zA-Z0-9_-]{5,16}$/, '用户名是5-16不含空的字母'], if (reg.test(a.value) != true) { var use

  • div拖拽改变其宽度2021-09-17 14:00:40

    CSS: body { margin:0; padding:0; overflow-y:auto; } #leftDiv { width:300px; height:500px; border:1px red solid; border-right:none; float:left; } #splitDiv { float:left; width:1px; height:500px; border-left:1px blue solid; } #rightDiv { margi

  • 前端小tips:京东灰色上端导航条2021-09-15 14:02:10

    跟着视频做练习,发现还是有一些指向问题不太清楚。后来有一个细节上,出现错误,显示效果一直不太理想。后来重新跟着视频代码对拍,发现了错误。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge

  • HTML+CSS+JS实现slicebox酷炫3d图片轮播切换2021-09-09 23:03:10

    效果演示: 文末获取源码    代码目录:    主要代码实现: CSS样式: .shadow { width: 100%; height: 168px; position: relative; margin-top: -110px; background: transparent url(../images/shadow.png) no-repeat bottom center; background-size:

  • css实现右尖括号样式2021-09-08 21:02:19

    .arrow{ position: absolute; right: 20px; top: 52px; width: 8px; height: 8px; border-top: 1px solid #000000; border-right: 1px solid #000000; transform: rotate(45deg); }  

  • Vue选项卡案例2021-09-07 01:03:37

    效果图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>

  • js获取中国省市区,省市筛选、省市、省市筛选联动。【C#】【js】2021-09-06 11:35:16

    <style type="text/css"> .labelhide { -webkit-box-shadow: 0px 1px 0px 0px #f3f3f3 !important; , inset 0px 1px 2px 0px #f3f3f3 !important; box-shadow: 0px 1px 0px 0px #f3f3f3 !important; , inset 0px 1px 2px

  • vue的todoList案例2021-09-02 22:02:11

    myHeader.vue <template> <div class="todo-header"> <input type="text" placeholder="请输入你的任务名称,按回车键确认" @keydown.enter="addHoby"/> </div> </template> <script> //引入nanoid 方

  • 记录el-dialog 去掉滚动条2021-09-01 10:04:06

    简单粗暴,分享给大家 <el-dialog class="dialogClass"> .dialogClass { .el-dialog { .el-dialog__body { //border-top: 1px solid #dcdfe6; //border-bottom: 1px solid #dcdfe6; max-height: 500px !important; min-height: 100px

  • css 井布局2021-08-31 11:04:38

    <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=d

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有