悬疑电视剧

用css绘制三角形

三世轮回 提交于 2019-11-29 15:50:26
#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; #triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red; #triangle-left { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } #triangle-right { width: 0; height: 0; border-top: 50px solid transparent; border-left: 100px solid red; border-bottom: 50px solid transparent; #triangle-topleft { width

纯CSS绘制三角形

限于喜欢 提交于 2019-11-29 15:50:07
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。 今天给大家带来 CSS 三角形绘制方法 复制代码 代码如下: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } 复制代码 代码如下: #triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red; } 复制代码 代码如下: #triangle-left { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } 复制代码 代码如下:

CSS 三角形绘制方法

試著忘記壹切 提交于 2019-11-29 15:49:41
#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } #triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red; } #triangle-left { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } #triangle-right { width: 0; height: 0; border-top: 50px solid transparent; border-left: 100px solid red; border-bottom: 50px solid transparent; } #triangle-topleft {

CSS 三角形绘制方法

微笑、不失礼 提交于 2019-11-29 15:49:28
今天给大家带来 CSS 三角形绘制方法 复制代码 代码如下: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } 复制代码 代码如下: #triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red; } 复制代码 代码如下: #triangle-left { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } 复制代码 代码如下: #triangle-right { width: 0; height: 0; border-top: 50px solid transparent; border-left: 100px solid

JS写的简单的图片播放器

房东的猫 提交于 2019-11-29 15:46:18
这是播放器主要实现简单的图片展示效果,可以控制默认显示的图片,可以修改图片切换的时间间隔。 样式文件 CssFile.css: body,ul{ margin:0; padding:0; } li{ list-style:none; } img{ border:none; display:block; } .slide-wp{ width:500px; height:300px; overflow:hidden; position:absolute; left:50%; top:20%; margin-left:-250px; margin-top:-60px; } .nav-wp{ position:absolute; background:#ccc; top:43%; margin-top:170px; left:50%; margin-left:-100px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0 20px 6px 10px; _padding:0 20px 2px 10px; } .nav li{ float:left; margin-left:10px; font-size:20px; font-weight:bold; font-family

08.字符串转换位整数

此生再无相见时 提交于 2019-11-29 03:20:28
题目: 提交: class Solution { public int myAtoi(String str) { str = str.trim(); if (str == null || str.length() == 0) return 0; // + - 号 char firstChar = str.charAt(0); int sign = 1; int start = 0; long res = 0; if (firstChar == '+') { sign = 1; start++; } else if (firstChar == '-') { sign = -1; start++; } for (int i = start; i < str.length(); i++) { if (!Character.isDigit(str.charAt(i))) { return (int) res * sign; } res = res * 10 + str.charAt(i) - '0'; if (sign == 1 && res > Integer.MAX_VALUE) return Integer.MAX_VALUE; if (sign == -1 && res > Integer.MAX_VALUE) return Integer.MIN_VALUE; } return

06-border

泪湿孤枕 提交于 2019-11-29 01:55:32
边框 border:边框,描述盒子的边框 边框的三要素:粗细 线性样式 颜色 例如:border:1px solid red; 如果颜色不写,默认是黑色;如果粗细不写,不显示边框;如果只写线性样式,默认有3px的粗细,线性样式,颜色默认是黑色。 border的写法 1.常用写法 border:1px solid green; 线性样式种类:solid(实线)、dotted(点线)、dobule(双实线)、dashed(虚线) 2.三要素写法 border-width:3px; border-style:solid; border-color:red; 3.按方向来写 border-top:10px solid green; border-right:10px solid green; border-bottom:10px solid green; border-left:10px solid green; 还可以这样写:border-top-width:10px;        border-top-style:solid;        border-top-color:red; 4.不设置样式 border:none; border:0; 使用border制作小三角 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta

(C++C#类型互转工具)使用Signature Tool自动生成P/Invoke调用Windows API的C#函数声明

坚强是说给别人听的谎言 提交于 2019-11-28 07:27:12
在网上看到很多网友在.NET程序中调用Win32 API,或者调用自己的VC DLL里面提供的函数的时候,总是被生成正确的C函数在C#中的正确声明而困扰,而生成C++中结构体在C#中的声明 - 天,没有什么比这个更让人恶心的事情了。因为: 1. 如果你的结构体里面包含 TCHAR字符串成员的话,需要考虑ANSI和Unicode DLL的情形。 2. 如果你的结构体里面包含数组成员,需要考虑定长的数组,而不是对应C#数据类型。 3. 如果你的结构体里面包含联合体(UNION),需要使用Explict选项,如果联合体里面又包含结构体。 4. 你还要考虑你的结构体可以同时在32位和64位机上运行。 5. 你还要考虑C编译器对结构体所作的PADDING的优化。 6. 你还要考虑在.NET里面对结构体的优化,例如CLR会将一些.NET struct的成员的次序变换—以便更有效地利用内存。 7. 如果你的结构里面还包含了其他的结构体。 8. 如果你的结构体里面还包含函数指针…… 9. 如果你的结构体里面包含函数指针数组。 10. 如果你的结构体里面包含了指针…… 11. 如果你的结构体里面有一些成员是被所调用的C函数所设置的。 12. CLR提供了几种结构体的布局选项,什么Auto,什么Explicit,什么Sequential 13. 有的结构体的情况是上面说的情形的综合

仿爱购网(商品分类)html+css+JS

梦想与她 提交于 2019-11-27 05:33:01
实现单个选中、单个取消、多个选中、集中重置效果 html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> </title> <link rel="stylesheet" type="text/css" href="css/classify.css"/> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="icon" href="img/title-icon.jpg"/> </head> <body> <div class="wrapper"> <!--第一行开始--> <div class="row_one"> <div class="rightword"> <ul> <li class="li1 li3"><a class="a1" href="denglu.html">登录</a></li> <li class="li2 li3 "><a class="a2" href="zhuce.html">注册</a></li> <li class="li2 li3"><a class="a3" href="shopping.html">我的订单</a></li> <li class="li2 li3"><a class

vue之手把手教你写日历组件

喜欢而已 提交于 2019-11-26 19:16:54
---恢复内容开始--- 1.日历组件 1.分析功能:日历基本功能,点击事件改变日期,样式的改变 1.结构分析:html 1.分为上下两个部分 2.上面分为左按钮,中间内容展示,右按钮 下面分为周几展示和日期展示 3.基本结构页面html书写 <template> <div class="calender2"> <div class="date-header"> <div class="pre-month"></div> <div class="show-date">2019年8月9日</div> <div class="next-month"></div> </div> <div class="date-content"> <div class="week-header"> <div v-for="item in ['日','一','二','三','四','五','六']" :key= item >{{ item }}</div> </div> <div class="week-day"> <div class="every-day" v-for="item in 42" :key="item" >{{ item }}</div> </div> </div> </div></template> *{ margin: 0px; border: 0px; list-style: