E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
border-width
巧用css border
实现三角形示例1:#test1{height:20px;width:20px;border-color:#FF9600#3366ff#12ad2a#f0ed7a;border-style:solid;
border-width
anben1904
·
2020-06-22 14:46
Chapter9 盒模型
guarantee{border-color:black;
border-width
:1px;border-style:solid;ba
Holase
·
2020-06-22 00:18
学长历险记之前端面试题(基础部分分享)
一、代码简化请简化下面的CSS代码:a)margin:0px;b)padding:10px010px0;c)
border-width
:1px;border-style:solid;border-color
搞开发的小哥哥
·
2020-06-21 23:14
前端面试基础部分
css三角形实现
先看一下效果图:css的每条边相交的地方,都是三角,将容器的宽高,设置为0,而边框非常粗,并且每条边颜色不同,就能得到图中第一个的效果:height:0;position:absolute;
border-width
Fouse_
·
2020-06-21 20:35
编程语言
纯css 写右箭头,上下箭头,实心三角形,超出打省略号
36rpx;margin-right:20rpx;}.right-arrow::after{display:inline-block;content:"";height:18rpx;width:18rpx;
border-width
飞飞飞~元宝
·
2020-06-21 06:34
用css样式实现返回箭头
rt_pos{position:absolute;right:50rpx;top:150rpx;content:"";display:inline-block;height:20rpx;width:20rpx;
border-width
a_莲
·
2020-06-21 06:02
微信小程序
CSS写右箭头
参考的网上的,自己做了点修改.right-arrow{content:"";height:10px;width:10px;
border-width
:1.5px1.5px00;border-color:#
吃葡萄要吐皮
·
2020-06-21 05:27
前端
Qt QSS常用样式总结
*************************************************************************QTabWidget*描述:pane指整个tab组件*
border-width
暖暖的纠结
·
2020-06-21 05:09
qt
qss
深入理解border
border-width
支持关键字:thin、medium(默认值)、thick。二、border-stylenone:定义无边框;hidden:与"none"相同。
了不起的李大洋
·
2020-06-21 01:57
css:盒子模型边框(边框、内外边距)
css盒子模型本质上就是一个盒子,封装周围的HTML元素,它包括:边框、外边距、内边距和实际内容2、边框属性:宽度、样式、颜色(1)普通方式div{width:300px;height:200px;
border-width
怀梦想,致远方
·
2020-06-03 16:00
学会这些CSS,再也不用切图!!!
triangle{width:0;height:0;border-style:solid;box-sizing:border-box;
border-width
:010px10px;border-color
coderwhy
·
2020-06-03 15:00
一个DIV实现一个好看的Switch开关
switch,.switch::before,.switch::after{box-sizing:border-box;margin:0;padding:0;}.switch{cursor:pointer;
border-width
panyi
·
2020-05-27 23:25
前端
css
css3
css绘图基本图形
一、css绘制三角形(一)基础css.xiasanjiao{width:0;height:0;overflow:hidden;//处理ie6的最小高度问题
border-width
:10px;border-color
Lareina林暖暖
·
2020-04-13 09:10
CSS 0.5像素线
在移动端1像素的线是很丑的,而
border-width
设置为0.5px会被自动转成1px;
border-width
只能为自然数;类似的属性也不可以设置0.5;可以用伪元素+缩放来实现;box{position
BigTable
·
2020-04-12 04:57
div+css基础笔记
链接方式:内边距padding,外边距margin定义边框:div{
border-width
:1px;边框大小;border-style:solid;边框样式为实线边框;boeder-color:#FFF
GALAXY_ZMY
·
2020-04-12 04:32
面试题
解决方案一:设置border-image方案.border-image-1px{
border-width
:1px0px;-webkit-border-image:url("border.png")20stretch
Wxq_59f9
·
2020-04-12 02:27
盒子模型的创建和设置
盒子模型分为:内容区(content)内边距(padding)边框(border)外边距(magin)1.内容区用width和height指定内容区的宽和高2.边框
border-width
:10px顺序
常伟波
·
2020-04-12 01:26
CSS制作小旗子与小箭头
500px;background-color:lime;position:relative;}.flag{position:absolute;left:150px;top:100px;height:50px;
border-width
Monster001
·
2020-04-11 12:00
CSS实例二、border的一些运用
第一个例子,做出如下效果第一个例子HTML部分中间连接矩形样式.border-icon{width:0px;height:0;
border-width
:40px20px00;border-style:solid
懒羊羊3号
·
2020-04-10 13:53
用伪元素完成箭头
.g-arrows4:after{content:"";display:inline-block;height:10px;width:10px;
border-width
:2px2px00;border-color
一只小菜鸟呀!
·
2020-04-09 20:00
春招cvte面经
cvte面试总结css三角形
border-width
作用域链最外层是全局作用域,每个函数是一个局部作用域,嵌套的函数也是一个局部作用域,当前作用域找不到该变量时会顺着作用域链向上查询直到找到位置,找不到则抛出
天驱丶
·
2020-04-09 17:27
一行代码实现太极图(阴阳八卦)
CSS如下(效果预览):#yin-yang{width:96px;height:48px;background:#eee;border-color:red;border-style:solid;
border-width
小时候的猪是瘦小的
·
2020-04-07 00:18
(9)盒模型,与元素亲密接触
;font-style:italic;font-family:Georgia,"TimesNewRoman",Times,serif;color:#444444;border-color:black;
border-width
昵称最难起
·
2020-04-05 20:14
2019-04-06
边框
border-width
:宽度border-style:样式border-color:transparent(透明)颜色border:1pxsolid#000;简写圆角属性:border-radius
725810
·
2020-03-30 05:51
3.5 (案例) border-image
Document.box1{/*width:200px;height:200px;
border-width
:30px;border-image-source:url(1.jpg);*/width:200px
柒月柒日晴7
·
2020-03-28 08:24
使用 layui 后端分页的实例
e.creatorNickName$date.format("yyyy-MM-ddHH:mm:ss",$e.gmtCreate)$e.answer#end.layui-layedit{
border-width
一个会写诗的程序员
·
2020-03-25 15:52
Ionic2/3常见问题-app统一为ios模式border不显示
前言这个问题只出现在app统一mode为ios,在安卓手机上有显示问题问题描述如下图,同一个app在不同的android手机上显示的border有问题原因ionic2使用了带小数点的
border-width
小军617
·
2020-03-24 03:46
盒子模型
使用padding可以同时设置四个边框的样式,规则和
border-width
一致外边距(不
叫我老村长
·
2020-03-23 07:32
用CSS控制div绘制圣诞树
#content{height:680px;}/*树叶*/.tri{width:0px;height:0px;border-style:solid;
border-width
:50px;border-top-width
joy1314bubian
·
2020-03-23 02:34
盒子模型
1)作用1,进行网页布局2,网页中的盒子的组成->border边框盒子的边框->padding内边距盒子与内容之间的距离->margin外边距盒子与盒子之间的距离border->
border-width
huhu502
·
2020-03-21 15:07
CSS的一些常见样式(一)--字体,文本,边框,颜色,display,以及继承和一些单位
,边框border:border有四个属性基本值:分别对应一个盒子的四条边,分别是上右下左,如图:边框通常可以书写为如下:边框四个基本值写法,其中的1px是粗度border还有三个其它常用属性,分别是
border-width
大春春
·
2020-03-20 14:24
12018-01-01-WEB预习第三天-CSS盒模型
内容区边框边框必须指定的三个样式
border-width
:边框的宽度;如果指定了4个值,会分别设置给:上,右,下,左。(顺时针方向)三个值:上,左右,下;两个值:上下,左右;另外两个样式同理。
胸怀大海的小鱼缸
·
2020-03-20 10:01
js控制css伪类after,before
css.left_sidebar.link_postion{position:relative;}.left_sidebar.link_postion::before{display:block;content:"";width:0;height:0;
border-width
LuckyS007
·
2020-03-17 00:10
css常见样式
1.width:宽度2.height:高度3.border:边框
border-width
:边框的宽度border-style:边框的线性solid实线dashed虚线dotted点画线border-color
M_JavaScript
·
2020-03-15 21:03
style边框样式
1..thick-green-border{border-color:green;//边框颜色
border-width
:10px;//边框宽度border-style:solid;//固定样式的一种border-radius
Gorden_x
·
2020-03-14 00:33
【Web】CSS 经典样式及问题思考
盒模型效果css:.simple{width:500px;margin:20pxauto;}.fancy{width:500px;margin:20pxauto;padding:50px;
border-width
浪淘沙xud
·
2020-03-13 00:39
3.23 边框
+tab)边框的宽度边框的样式边框的颜色分别设置边的属性:border-top/right/bottom/left:(bt/r/b/f++tab)边框的宽度边框的样式边框的颜色根据一个属性设置四条边:
border-width
苏打丶观
·
2020-03-07 05:13
边框详讲---CSS必备的盒子模型知识!
*/
border-width
:10px;border-color:yellow;border-style:solid;/*设置边框,三个样式缺一不可,缺了就直接
isremya
·
2020-03-07 00:00
盒子(6)
可以设置高和宽属性替换元素:浏览器根据其标签的元素与属性来判断显示的具体内容img,input,textareamax-widthmin-widthheight:长度值|百分比|auto最大高度最小高度border边框属性
border-width
三人行大道
·
2020-03-06 14:54
关于CSS三角形练习
第一种方法就是用border这个属性,和transparent这个属性结合使用例如:html代码:CSS代码:/*向上*/.triangle_border_up{width:0;height:0;
border-width
郝特么冷
·
2020-03-03 12:25
03 第三章 盒模型解析
1、盒子模型盒子模型是HTML是网页中一个非常重要的知识点,也是学习HTML的基础image.png2.边框线borderborder边框:元素边框的样式单样式:
border-width
大小border-style
晚溪呀
·
2020-03-03 03:54
边框border
#000;实线dashed虚线dotted小圆点double双线bt+顶部边框bl+左边边框br+右边边框bb+底部边框颜色(默认黑色)和宽度可以省略样式(线类型)不可以同时分别设置四边不同的边框样式
border-width
白的吓人
·
2020-03-02 17:29
纯css实现上下左右箭头
html:css代码:.box{height:180px;width:320px;position:relative;}.arrow-bottom{font-size:0;line-height:0;
border-width
雨鱼鱼儿
·
2020-02-29 21:42
CSS初探10
CSS如下:#elixirs{
border-width
:thin;border-style:solid;border-color:#007e7e;width:200px;padding-right
一个非典型IT学习者
·
2020-02-25 03:40
css实现三角形
当然并不是,它会自动把边框变成三角形width:0;height:0;
border-width
:30px;border-style:solid;border-color:yellowredgreenblue
yongningfu
·
2020-02-25 00:39
@芥末的糖------一像素的实现
1.styl里一像素线的实现border($
border-width
=1px,$border-color=#ccc,$border-style=solid,$radius=0)//为边框位置提供定位参考
芥末的糖
·
2020-02-23 21:55
[CSS] 纯CSS绘制三角形
div.test{border-color:transparent;
border-width
:08px8px;border-bottom-color:gray;border-style:solid;display
何幻
·
2020-02-22 18:36
web前端开发中浏览器兼容问题(六)
1、性能差异:【border:0】把border设为“0“像素虽然在页面上看不见,但按border默认值理解,浏览器依然会对
border-width
/border-color进行渲染,即已经占用了内存值
博为峰51Code教研组
·
2020-02-22 09:45
2019-04-06
边框
border-width
:宽度border-style:样式border-color:transparent(透明)颜色border:1pxsolid#000;简写圆角属性:border-radius
sheng520
·
2020-02-20 07:19
2019-04-06圆角,内外边距
边框
border-width
:宽度border-style:样式border-color:transparent(透明)颜色border:1pxsolid#000;简写圆角属性:border-radius
IT笔记
·
2020-02-18 12:02
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他