border

Java Swing: Rainbow border for a JComponent

由 流过昼夜 提交于 2020-01-06 05:25:07
问题 I'm currently designing a title screen for a game. When designing the logo I decided to go with a rainbow border around the edges: I figured after this I would like to implement the rest of my components on the title screen with a similar rainbow border (Specifically JButtons). While looking for ways to do this I came across the AbstractBorder class. My question is, is this even possible to do and if it is, What is the most effective way to use the Abstract border class to generate a rainbow

CSS3样式中新添加的属性

由 给你一囗甜甜゛ 提交于 2020-01-06 04:52:43
border-radius：允许向元素添加圆角 <style type="text/css"> #r1{ border-radius:25px; background:blue; padding:20px; width:200px; height:150px; } #r2{ border-radius:25px; border:2px solid green; padding:20px; width:200px; height:150px; } #r3{ border-radius:25px; background:url("img/1.jpg"); background-position:left top; background-repeat:repeat; padding:20px; width:200px; height:150px; } </style> </head> <body> <form action="" id="myform" > <p>border-radius </p> <p>指定背景颜色圆角</p> <p id="r1">圆角</p> <p>指定边框元素圆角</p> <p id="r2">圆角</p> <p>指定背景图片圆角</p> <p id="r3">圆角</p> </form> </body> box-shadow：阴影 <style type=

CSS3新增的属性有哪些：

由 一世执手 提交于 2020-01-06 04:52:15
徐先森讲web CSS3新增的属性有哪些： CSS 用于控制网页的样式和布局。 CSS3 是最新的 CSS 标准。 CSS3新增了很多的属性，下面一起来分析一下新增的一些属性： 　　1.CSS3边框： border-radius：CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧，我们必须为每个圆角使用不同的图片，在 CSS3 中，创建圆角是非常容易的，在 CSS3 中，border-radius 属性用于创建圆角。border：2px solid; box-shadow：CSS3边框阴影。在 CSS3 中，box-shadow 用于向方框添加阴影。box-shadow:10px 10px 5px #888888; border-image：CSS3边框图片。通过 CSS3 的 border-image 属性，您可以使用图片来创建边框。border-image：url(border.png) 30 30 round; 　　2.CSS3背景： background-size： 属性规定背景图片的尺寸。在 CSS3 之前，背景图片的尺寸是由图片的实际尺寸决定的。在 CSS3 中，可以规定背景图片的尺寸，这就允许我们在不同的环境中重复使用背景图片。您能够以像素或百分比规定尺寸。如果以百分比规定尺寸，那么尺寸相对于父元素的宽度和高度。 background-origin

webkit bug: input's background gets gray without any reason on focus?

由 心已入冬 提交于 2020-01-06 02:00:25
问题 I just encountered a very annoying bug, and hard to track down. But let us get to the point: WEBKIT ONLY (Safari, Chrome, etc. - I reproduced this on Safari 5.1 and Chrome 13 on Mac OS Lion ) Mac OS only? (Comments suggest this, need more input from other users) Just go to this fiddle and focus the input: It's background turns gray ! (See screenshot at Chromium Bug Tracker) When you change the css in either the following ways, the error is gone: change color not something not completely white

div border - Collapsing to 0 height

由 拈花ヽ惹草 提交于 2020-01-05 12:58:33
问题 Please check out this JSFiddle: http://jsfiddle.net/dNJxd/1/ As you can see in there, the divs at .left_field > div and .right_field > div have a border on them. However, that border is "collapsing" to 0 height. If I change the overflow to hidden (all the similar questions are advocating for that), it fixes the issue, but that's not an option because it cuts off the date control that I'm using. Any suggestions? 回答1: In the following segment: <div> <span class="field_label">PO Number:</span>

Child div left border overlaps parent div bottom border in Chrome with display scaling at 125%

由 一曲冷凌霜 提交于 2020-01-05 06:51:31
问题 I currently have the following markup an CSS: .test1 { border: solid 2px #003C88; height: 100px; } .test2 { height: 100%; border-left: solid 8px #FBCE07; } <div class="test1"> <div class="test2"> Content </div> </div> in Chrome + Windows 10 with monitor scaling set to 125% the left border of the child div overlaps the bottom border by 1px. If I increase the scaling above 100% the issue disappears. In Firefox and Chrome + Windows Server 2008 the borders are displayed correctly regardless of

How to prevent single-sided border from wrapping around border radius?

由 非 Y 不嫁゛ 提交于 2020-01-05 04:13:25
问题 I'm applying a 2px bottom border to a text field with a 4px corner radius on the container. Since the radius is larger than the border, it causes the border to curl around the edge. I want the border to stay flat along the bottom edge. [DON'T want this: border wrapping border radius] https://imgur.com/JEfIkDE [DO want this: bottom border remains straight] https://imgur.com/xkuQGME I haven't found a way to fix this within the CSS. Will I have to place another div inside the container to make

how to make edges round in CSS?

由 醉酒当歌 提交于 2020-01-04 13:58:10
问题 I am beginner coder in web design so I have a fairly amateur question to ask. I have created a box of text but I don't know how to make the edges round rather than rectangular. I know that CSS functions on rectangular borders. If possible, I would also like to add a slight shadow beneath the box, I'm not sure how to implement this also. Here is my code specifically for the box section: #wrapper{ border: solid 1px #eeeeee; } "#wrapper" refers to a piece of php code in another document. Thank

how to make edges round in CSS?

由 牧云@^-^@ 提交于 2020-01-04 13:58:01
问题 I am beginner coder in web design so I have a fairly amateur question to ask. I have created a box of text but I don't know how to make the edges round rather than rectangular. I know that CSS functions on rectangular borders. If possible, I would also like to add a slight shadow beneath the box, I'm not sure how to implement this also. Here is my code specifically for the box section: #wrapper{ border: solid 1px #eeeeee; } "#wrapper" refers to a piece of php code in another document. Thank

小程序-搜索商品-历史记录 有并清除-根据销量-价格筛选过滤

由 拥有回忆 提交于 2020-01-04 11:18:12
搜索商品 <view class="container"> <view wx:if="{{$search$show==1}}" class="content"> <view class="search"> <view class="serch_content"> <i class="iconfont icon-search" /> <input type="text" name="search_input" bindinput="$search$searchInput" class="search_input" focus="true" value="{{$search$search_input_value}}" confirm-type="search" placeholder="搜索商品" /> <i wx:if="{{$search$search_input_value!=''}}" bindtap="$search$delText" class="iconfont icon-del" /> </view> <button class="btn btn_cancel" bindtap="$search$goBack" wx:if="{{$search$search_input_value==''}}" data-wpygoback-a="">取消</button>
订阅 border