• 关于

    border

    的搜索结果

回答

html <div class="container"> <div class="content"> </div> <div class="side"> </div> </div> scss .container{ width: 100%; height: auto; border: 5px solid purple; padding: 20px; display: flex; flex-derection: row; box-sizing: border-box; position: relative; .content{ border: 5px solid steelblue; box-sizing: border-box; flex: 1; height: 500px; } .side{ width: 400px; border: 5px solid red; box-sizing: border-box; margin-left: 10px; } } 之前的内容没有注意到右侧超出滚动的问题,是个小失误,更新下代码,之前的不删,作为比对,这里面注意运用到绝对定位的特性 全选复制放进笔记.container{ width: 100%; height: auto; border: 5px solid purple; padding: 20px; box-sizing: border-box; position: relative; .content{ width: calc(100% - 410px); border: 5px solid steelblue; box-sizing: border-box; } .side{ width: 400px; height: calc(100% - 40px); position: absolute; right: 0; top: 0; margin: 20px 10px; border: 5px solid red; box-sizing: border-box; overflow-y: scroll; } }

a123456678 2019-12-02 02:08:31 0 浏览量 回答数 0

回答

主要box-sizing属性,box-sizing可用值为content-box, border-boxcontent-box:padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding以及margin之和,即 ( Element width = width + border + padding+margin ),此属性表现为标准模式下的盒模型。border-box:padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值,即使定义有border和padding也不会改变对象的实际宽度,即 ( Element width = width ),此属性表现为怪异模式下的盒模型。对于Div默认使用的是 content-box, 而button 默认是border-box把button 的margin设置为0,就和Div显示是一样

a123456678 2019-12-02 02:25:31 0 浏览量 回答数 0

问题

border-style:none时设置border-radius为何会有效果

杨冬芳 2019-12-01 19:48:33 844 浏览量 回答数 1

万券齐发助力企业上云,爆款产品低至2.2折起!

限量神券最高减1000,抢完即止!云服务器ECS新用户首购低至0.95折!

回答

这是属性是支持的 属性支持:http://caniuse.com/#search=border-imagewidth: 200px; margin: 0 auto; height: 200px; border-width: 3px; border-style: solid; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 14, 0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(black, rgba(0, 0, 14, 0)) 1 100%; -moz-border-image: -moz-linear-gradient(black, rgba(0, 0, 14, 0)) 1 100%; -o-border-image: -o-linear-gradient(black, rgba(0, 0, 14, 0)) 1 100%; border-image: linear-gradient(to bottom, black, rgba(0, 0, 14, 0)) 1 100%;

a123456678 2019-12-02 02:23:27 0 浏览量 回答数 0

回答

border-radius变为圆形,2个圆形嵌套 <!doctype html> <style> body{background:#ccc} div.line{height:30px;background:#000;position:relative} div.line div{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;-khtml-border-radius:30px;background:#000;position:absolute;width:60px;height:60px;left:50%;margin-left:-30px;bottom:0} div.line div.orange{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;-khtml-border-radius:20px;background-color:orange;width:40px;height:40px;left:50%;margin-left:-20px;bottom:10px} </style><br /><br /><br /> <div class="line"> <div></div> <div class="orange"></div> </div>

小旋风柴进 2019-12-02 02:37:38 0 浏览量 回答数 0

问题

border-radius内部内容padding问题

杨冬芳 2019-12-01 19:48:05 715 浏览量 回答数 1

问题

border:none 和border:0有什么区别么?

a123456678 2019-12-01 19:29:31 1090 浏览量 回答数 1

问题

border-radious的具体含义

杨冬芳 2019-12-01 19:43:59 1060 浏览量 回答数 1

回答

border指元素的边框,可以通过该属性为元素添加边框可以设置边框的颜色、类型和宽度 比如设置1像素宽的蓝色虚线边框:border: 1px dashed blue; css中的border属性是指元素的边框,可以通过该属性给元素增加一个边框可以设置边框的颜色、宽度、类型、圆角等 比如可以通过以下代码设置一个1像素蓝色虚线边框:border: 1px dashed blue; css中的border属性是指元素的边框,可以通过该属性给元素增加一个边框可以设置边框的颜色、宽度、类型、圆角等 比如可以通过以下代码设置一个1像素蓝色虚线边框:border: 1px dashed blue;

香草巴巴 2019-12-02 00:58:08 0 浏览量 回答数 0

回答

检查一下你的样式文件,可能是包裹轮播的div有写 border样式,然后去掉border就可以了,如果不是div的border,那么试一下 把img的 border 设置成 0;

a123456678 2019-12-02 02:25:26 0 浏览量 回答数 0

问题

在table中使用border-collapse时如何设置不同的border颜色?

a123456678 2019-12-01 19:30:04 1040 浏览量 回答数 1

问题

css 使用 边框 border 的时候,怎么让他作为内边框。

杨冬芳 2019-12-01 19:50:48 865 浏览量 回答数 1

回答

楼主是不是给checkbox设置了border了?在ie下设置border就会出现一个外框,去掉border的设置,不用写元素级别的css,如input{border:solid 1px #000},这样也会作用域checkbox对象

小旋风柴进 2019-12-02 02:06:30 0 浏览量 回答数 0

回答

看下repository目录里的jar文件大小和内容对不对。有的是墙的原因导致下载回来的内容不正确回复<aclass='referer'target='_blank'>@稻谷:没呢,我把下载来的bundle文件内容贴到楼下了,帮我看看呗<aclass='referer'target='_blank'>@java小小菜现在解决了么?发现把<type>bundle</type>删除就可以正确下载,是不是bundle插件没有生效?我把jar包都删了,开代理下载,还是不行。这些错误好像不影响jar包使用吧。我记得好像是包的javadoc的错误。没啥影响。回复<aclass='referer'target='_blank'>@ipsyco:就是mina里的类不存在,mina就是我要引入的jar包   java:程序包org.apache.mina.core.buffer不存在回复<aclass='referer'target='_blank'>@java小小菜:那就把compile时候的错贴出来是不是版本问题?不是啊,现在连项目compile都通不过<preclass="brush:html;toolbar:true;auto-links:false;">下面是bundle文件内容<preclass="brush:html;toolbar:true;auto-links:false;"><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><metahttp-equiv="Content-type"content="text/html;charset=utf-8"><title>AccountSuspended</title><styletype="text/css">.title{font-family:arial,verdana;font-size:9pt;font-weight:normal;}.distributers{font-family:arial,verdana;font-size:11pt;font-weight:normal;}.info{font-family:arial,verdana;font-size:8pt;font-weight:normal;}.design{font-family:arial,verdana;font-size:8pt;font-weight:normal;}.menu{border-top:1px#374646solid;border-left:1px#374646solid;border-right:1px#374646solid;border-bottom:1px#374646solid;font-family:verdana,arial;font-size:8pt;font-weight:normal;}.cellheader{border-top:1px#374646solid;border-left:1px#374646solid;border-right:1px#374646solid;border-bottom:1px#374646solid;font-family:verdana,arial;font-size:20pt;font-weight:normal;color:#F1F1F1;}.scellheader{border-top:1px#374646solid;border-left:1px#374646solid;border-right:1px#374646solid;border-bottom:1px#374646solid;font-family:verdana,arial;font-size:15pt;font-weight:normal;color:#F1F1F1;}.bigcellheader{border-top:1px#374646solid;border-left:1px#374646solid;border-right:1px#374646solid;border-bottom:1px#374646solid;font-family:verdana,arial;font-size:30pt;font-weight:normal;color:#F1F1F1;link:#F1F1F1;vlink:#F1F1F1;}.tblheader{background-color:#AAAAAA;border-top:1px#374646solid;border-left:1px#374646solid;border-right:1px#374646solid;border-bottom:1px#374646solid;font-family:verdana,arial;font-size:14pt;font-weight:normal;}.tdshade1{background-color:#DDDDDD;border-top:1px#374646solid;border-left:1px#374646solid;border-right:1px#374646solid;border-bottom:1px#374646solid;font-family:verdana,arial;font-size:10pt;font-weight:normal;}.tdshade2{background-color:#EEEEEE;border-top:1px#374646solid;border-left:1px#374646solid;border-right:1px#374646solid;border-bottom:1px#374646solid;font-family:verdana,arial;font-size:10pt;font-weight:normal;}body{font-family:arial;margin:0;padding:0;background:url(/img-sys/bg.jpg)repeat-x#dff4fe;color:#6f6f6f;font-size:12px;}a{color:#0075a9;}*{margin:0;padding:0;}h1{background:url(/img-sys/headerbg.jpg)no-repeat;height:63px;color:#fff;padding:20px;font-size:28px;font-family:centurygothic,arial;letter-spacing:-0.5px;}h2{font-size:20px;margin:0015px0;}p{margin:10px15px15px50px;}#wrap{margin:50pxauto20pxauto;width:906px;}.msg{background:url(/img-sys/contentbox.jpg)no-repeat;min-height:206px;color:#000;font-size:16px;padding:25px;text-align:center;}*html.msg{height:206px;}.msgp{border:none;margin:0010px0;}.msgul{margin:15px15px015px;}li{margin:10px0;}.note{font-style:italic;border-bottom:1pxsolid#cae0e5;border-top:1pxsolid#cae0e5;padding:15px0;margin-right:50px;}#contactinfo,.contactinfo{padding:5px0;}#contactinfoli,.contactinfoli{float:left;padding:5px;width:250px;list-style:none;font-size:14px;}p.troubleshoot{font-style:italic;border:dashed1px#dfe9ed;padding:5px;margin:10px000;}</style></head><body><h1>AccountSuspended</h1><divid="wrap"><divclass="msg"><h2><strong>ThisAccountHasBeenSuspended</strong></h2></div></div></body></html> 回复<aclass='referer'target='_blank'>@稻谷:这样啊,那我去问人借个靠谱的vpn试试,谢谢啦看上去是被墙了呢?vpn也不好使么? 怎么解决的呢

爱吃鱼的程序员 2020-06-10 13:41:54 0 浏览量 回答数 0

问题

css :first-child 兼容IE6,7的方法this.previousSibling什么意思

杨冬芳 2019-12-01 19:36:57 1062 浏览量 回答数 1

问题

css :first-child 兼容IE6,7的方法this.previousSibling什么意思?

a123456678 2019-12-01 19:32:27 766 浏览量 回答数 1

问题

css :first-child 兼容IE6,7的方法this.previousSibling什么意思?

杨冬芳 2019-12-01 19:36:56 768 浏览量 回答数 1

问题

使用CSS实现div水平间距值的自动匹配

a123456678 2019-12-01 19:27:07 1075 浏览量 回答数 1

问题

单击div时如何显示另一个div?

养狐狸的猫 2019-12-01 19:58:09 9 浏览量 回答数 0

问题

关于CSS的问题。为什么margin-top没效果

杨冬芳 2019-12-01 19:35:58 1864 浏览量 回答数 1

回答

因为你引用了bootstrap.css。bootstrap中除了特别指定的元素box-sizing:content-box以外,全局元素都设置box-sizing:border-box* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

杨冬芳 2019-12-02 02:36:24 0 浏览量 回答数 0

回答

<table class="read_form" style="width:100%;border-color:#d5e6ed" cellspacing="0" cellpadding="0"><tbody><tr><td style="border-color:#d5e6ed">模块</td><td style="border-color:#d5e6ed">IIS Web Core</td></tr><tr><td style="border-color:#d5e6ed">通知</td><td style="border-color:#d5e6ed">未知</td></tr><tr><td style="border-color:#d5e6ed">处理程序</td><td style="border-color:#d5e6ed">尚未确定</td></tr><tr><td style="border-color:#d5e6ed">错误代码</td><td style="border-color:#d5e6ed">0x80070003</td></tr><tr><td style="border-color:#d5e6ed">配置错误</td><td style="border-color:#d5e6ed"> 无法读取配置文件 </td></tr><tr><td style="border-color:#d5e6ed">配置文件</td><td style="border-color:#d5e6ed"> \\?\D:\websoft\web\phpwind\web.config</td></tr></tbody></table> web.config找不到或者无权限访问

wgrid.cn 2019-12-02 02:14:35 0 浏览量 回答数 0

回答

.big-title{ position: absolute; left: 5; top: 0; padding: 9px; background: #808080; font-size: 30px; border-radius: 40px; box-shadow: 5px 0 white; vertical-align: bottom; } .small-title{ padding: 9px; margin-left: 40px; background: #808080; color: white; border-radius: 40px; line-height: 54px; vertical-align: bottom; } 这样能做个大概,但是没有原图顺滑。 又换了一种方案:思路是两个一样的JWC,一个背景色为白色,放于灰色背景的下面,然后left多一点点,但这样做出来还是不顺滑: .big-title{ position: absolute; left: 0; top: 0; padding: 9px; background: #808080; font-size: 30px; border-radius: 40px; vertical-align: bottom; z-index: 20; } .placeholder{ position: absolute; left: 3px; top: 0; padding: 9px; background: white; color: white; font-size: 30px; border-radius: 40px; vertical-align: bottom; } .small-title{ padding: 9px; margin-left: 30px; background: #808080; color: white; border-radius: 40px; line-height: 54px; vertical-align: bottom; } 解决方案3:感谢刘湿湿的提醒~ 用border 解决了 .big-title{ position: absolute; left: 0; top: 0; border: 2px solid white; padding: 9px; background: #808080; font-size: 30px; border-radius: 40px; vertical-align: bottom; z-index: 20; } .small-title{ padding: 9px; margin-left: 30px; background: #808080; color: white; border-radius: 40px; line-height: 54px; vertical-align: bottom; }

a123456678 2019-12-02 02:23:14 0 浏览量 回答数 0

问题

求教 php如何快捷判断数组中的项是单值或者是键值对?

落地花开啦 2019-12-01 19:51:43 824 浏览量 回答数 1

回答

可以利用border这个属性,border其实是由上、右、下、左四个属性决定的,所以只要三个边的颜色是透明的,只留下一个边有颜色就可以画出三角形了,示例: .angle { width: 0; height: 0; border: 10px solid transparent; border-left-color: #f00; } 上面就画出了一个红色的三角形了

skycai 2019-12-02 00:57:28 0 浏览量 回答数 0

回答

需要控制border属性,border: none; 或者使用border-width: 0px; 都可以

chale 2019-12-02 00:57:32 0 浏览量 回答数 0

回答

用CSS可以实现:1、做一个空的正方形的div;2、将div的伪元素after和before设置为div的一半高和一样宽,这样就相当于在div里上下各有一个半高的块元素;3、分别根据需要的颜色设置这after和before的渐变;4、通过这是border-radius将after和before设置成半圆;5、在div正中间放置一个小一点块元素,通过border-radius设置成圆。 示例如下:HTML <div class="loading"><div class='loading-indicator'><i></i></div> CSS .loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #eee } .loading-indicator { position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; } .loading-indicator:before { content: ""; display: block; width: 50px; height: 25px; padding-bottom: 0; box-sizing: border-box; border-top-left-radius: 25px; border-top-right-radius: 25px; background: -webkit-linear-gradient(0deg, #999, #bbb); } .loading-indicator:after { content: ""; display: block; width: 50px; height: 25px; padding-top: 0; box-sizing: border-box; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background: -webkit-linear-gradient(0deg, #eee, #bbb); } .loading-indicator>i { display: block; position: absolute; width: 40px; height: 40px; background: #eee; top: 5px; left: 5px; border-radius: 20px; } 如果需要的话还可以再加上动画。 PS:还有一种利用background-clip替代中间那个i元素的方法。但是这种方法在android的微信上有问题,中间不是圆的。

杨冬芳 2019-12-02 02:39:06 0 浏览量 回答数 0

回答

border-radius属性来设置。值最多是4个参数,都是px。分别表示:右上、右下、左下、左上(右上开始顺时针)。例如:border-box{border-radius:1px 2px 3px 4px;} 表示border-box这一元素,右上为1px的圆角, 右下为2px,左下为3px,左上为4px。当然,最常见的情况还是4个角的弧度相同。只写一个值就可以啦。

jenny.li 2019-12-02 00:57:29 0 浏览量 回答数 0

回答

你试试看这个行不行</style> .redpack { height: 450px; background: #A5423A; width: 300px; left: 0; top: 0; border-radius: 10px; margin: 0 auto; } .topcontent { height: 300px; border: 1px solid #BD503A; background-color: #BD503A; border-radius: 10px 10px 50% 50% / 10px 10px 15% 15%; box-shadow: 0px 4px 0px -1px rgba(0,0,0,0.2); } #redpack-open { width: 100px; height: 100px; border: 1px solid #FFA73A; background-color: #FFA73A; border-radius: 50%; color: #fff; font-size: 20px; display: inline-block;

爵霸 2019-12-02 02:52:21 0 浏览量 回答数 0

问题

为什么border-radius的圆角会消失?

杨冬芳 2019-12-01 20:07:21 1935 浏览量 回答数 1
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 企业信息查询 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站