Border主题的文章列表，还有Border的技术要点_第2页

border opacity

div{border:1pxsolidrgb(127,0,0);border:1pxsolidrgba(255,0,0,.5);-webkit-background-clip:padding-box;/*forSafari*/background-clip:padding-box;/*forIE9+,Firefox4+...

代码星球 ·2020-06-28

你以为border-radius只是圆角吗？【各种角度】

　　border-radius，国内翻译成圆角，你可能以为这个属性就是用来画圆角，没错，但是除此之外，它还可以做点别的事情。　　radius其实指的是边框所在圆的半径，这个CSS3属性不仅能够创建圆角，还可以创建椭圆角（如下图），把这些角按照不同的顺序和大小来展现，能够绘制成多种多样的图形。以下图例就是通过定义bord...

代码星球 ·2020-06-27

CSS深入了解border：利用border画三角形等图形

　　三角形实际上是border的产物我们正常使用的border都是四边一个颜色，当我们把四边换上不同颜色那么你就会发现，三角来了~！<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>c...

代码星球 ·2020-06-27

CSSborder制作小三角形

#cssborder制作小三角形1.原理是CSS盒模型一个盒子包括:margin+border+padding+content–上下左右边框交界处出呈现平滑的斜线.利用这个特点,通过设置不同的上下左右边框宽度或者颜色可以得到小三角,小梯形等.–调整宽度大小可以调节三角形形状.2.矩形 ...

代码星球 ·2020-05-23

border-radius 在安卓手机竟然不完美支持

如果给图片加了width:50px;height:50px;border-radius:25px;-webkit-border-radius:25px;border:3pxsolid#fff;在安卓手机里会出现下图的情况。白色边框竟然不是圆形的！！！解决方案中，img外面套多个div，把border和bor...

代码星球 ·2020-05-17

三十、Java图形化界面设计——布局管理器之BorderLayout（边界布局）

边界布局管理器把容器的的布局分为五个位置：CENTER、EAST、WEST、NORTH、SOUTH。依次相应为：上北（NORTH）、下南（SOUTH）、左西（WEST）、右东（EAST），中（CENTER），例如以下图所看到的。特征：l 能够把组件放在这五个位置的随意一个，假设未指定位置，则缺省的...

代码星球 ·2020-04-18

无界鼠标 Mouse Without Borders

最近遇到一个不爽的事，单位的办公电脑，配置低，自带笔记本电脑，屏幕小。在给自己的笔记本电脑外接了22寸显示器以后，屏幕是舒服了很多，而且外接了微软的人机工学键鼠套装，加上自己的伪人机工学椅，舒适性确实提高很多。有一个小问题：人机工学套装只能接一个主机，面对着三个屏幕，偶尔插拔一下接收器还行，一天插拔十几次就不爽了。正式...

代码星球 ·2020-04-15

原来css中的border还可以这样玩

前面的话：　　在看这篇文章之前你可能会觉得border只是简单的绘制边框，看了这篇文章，我相信你也会跟我一样说一句“我靠，原来css中的border还可以这样玩”。这篇文章主要是很早以前看了别人用纯CSS绘制三角形后自己的一些思路的整理，文中会介绍几种小图标的效果。　　是的你没看错，这里是要做绘...

代码星球 ·2020-04-15

border-radius属性

以下内容摘于百度经验。border-radius圆角边框是CSS3的新属性，以前网页设计开发中要实现元素的圆角边框，通常是用背景图片来实现的。现在我们只需要给元素添加border-radius属性即可。一.兼容性它是CSS3的新属性，兼容IE9+，Firefox4+、Chrome、Safari5+以及Opera浏览器，...

代码星球 ·2020-04-14

width100%，设置padding或border溢出解决方法

.box{width:100px;height:100px;background:red;}.bd{width:100%;padding:10px;background:black;}<divclass="box"><divclass="bd"></div></div>如...

代码星球 ·2020-04-12

CSS3 Border-image

　　今天我们就一起来学习这个border-image的属性。学习完这个border-image以后，大家一定会很兴奋，因为他改变我了们以往设置border的效果，以前我们border只能简单的设置一些纯色或几种简单的线型（如solid,dotted,double,dashed等）那么我们以后就可以通过border-im...

代码星球 ·2020-04-08

React里table表格设置边框属性border="1"无效？？？

有的小伙伴可能尝试过如下写法，在React渲染表格时设置边框设置后发现无效？？？原因：其实认真说起来这些table中的border属性也已不在HTML5标准中。这也不是React的问题，只是它遵守HTML5规范而已。所以以后React里改用CSS方式实现边框，如下所示普通写法：<table...

代码星球 ·2020-04-08

移动端 1px 像素边框问题的解决方案（Border.css）

前言关于什么是移动端1像素边框问题，先上两张图，大家就明白了。解决方案将以下代码放在border.css文件中，然后引入常用classNameborder:整个盒子都有边框border-top:上边框border-right:右边框border-bottom:...

代码星球 ·2020-04-08

三角border

<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><style>body{padding:100px;}/*****/.arrow_box{positi...

代码星球 ·2020-04-03

51cto的border小三角

#colorNavulli:first-child:before{content:'';position:absolute;width:1px;height:1px;border:5pxsolidtransparent;border-bottom-color:#313131;left:83%;top:-10px;mar...

代码星球 ·2020-04-03