日剧

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

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

仿爱购网（商品分类）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:

CSS 圆角

由 时间秒杀一切 提交于 2019-11-26 18:19:22
css的border-radius属性可以实现圆角、圆形、椭圆形。 实现上述圆角的前提是盒子要有边框。 规则圆角 下面的示例演示了圆角、赛道、圆形，我们先看效果图。 下面是实现的代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < title >圆角</ title > < style > div{ margin:20px; } div.one{ width:50px; height:50px; border:1px solid #333; border-radius:7px; } div.two { width:120px; height:50px; border:1px solid #333; border-radius:50px; } div.three { width:120px; height:120px; border:1px solid #333; border-radius:120px; } </ style > </ head > < body > < h1

CSS 利用border三角形绘制方法

由 Deadly 提交于 2019-11-26 18:04:47
CSS 三角形绘制方法， 这里面的transparent比较重要 ，有和没有影响很大； 原理：这个div是由4个三角形组成，每个三角对应一个border，隐藏其它3个border,就可以得到一个三角形。 复制代码 代码如下: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; /*border: 50px solid transparent 两种效果一样*/ border-bottom: 100px solid red; } 上下左右的到简单，直接border-后面四个相互变，上面都是border: 50px solid transparent 即可 复制代码 代码如下: #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

pyqt 精美样式

由 ╄→尐↘猪︶ㄣ 提交于 2019-11-26 16:06:59
样式（复制来的） 复制粘贴用 QLabel {color:white; font-family: 宋体;font-size:12px;border:none;text-align:center;} QLabel:disabled {color:gray;} QLineEdit {color:black; font-family: 宋体;font-size:12px;text-align:center;} QPushButton {font-family: 宋体;font-size:12px;text-align:center;} QComboBox {font-family: 宋体;font-size:12px;} QToolTip { border-radius: 3px; } QMessageBox { border-color:#32435E; border-width:1px; border-radius: 3px; min-width:30px; min-height:23px; /*font-family:"宋体";font-size:36px;*/ border-image:url(./config/qss/style_1/images/messageBox_background.png); height: 300px; width: 200px; border:
订阅 日剧