rounded-corners | 易学教程

Android rounded corners in ListView

阅读更多关于 Android rounded corners in ListView

问题 I have a ListView with rounded corners made using following shape as background: <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#ffffff"/> <corners android:bottomRightRadius="13px" android:bottomLeftRadius="13px" android:topLeftRadius="13px" android:topRightRadius="13px"/> </shape> The problem lies in the selector. It's rectangle shaped, so when selecting first or last item the corners

How to use border-radius.htc with IE to make rounded corners

阅读更多关于 How to use border-radius.htc with IE to make rounded corners

问题 How to use border-radius.htc with IE to make rounded corners I am using border-radius.htc to fix border-radius in IE It is works very well here http://www.faressoft.org/eshterakat/border-radius/border-radius.html But it doesn't work in my html page ! I don't know why ! http://www.faressoft.org/eshterakat/ -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url('Js/border-radius.htc'); /* I tried '../Js/border-radius.htc' it didn't work too

Rounded Corner Button ASP.NET

阅读更多关于 Rounded Corner Button ASP.NET

问题 I want to use Rounded Corner Button in my asp.net application. Do we have anything in ASP.NET 3.5 which helps us to make a rounded corner button ? 回答1: Here is the control and css that I'm using. My button is square, but it is not the case. You can create the rounded image by youself. <asp:LinkButton ID="lbtnSignIn" class="button" runat="server" OnClick="lbtnSignIn_Click"><span>Sign In</span></asp:LinkButton> .button { background: transparent url('../../Images/ButtonLeft.gif') no-repeat top

What's the latest solution for rounded corners?

阅读更多关于 What's the latest solution for rounded corners?

问题 Can anyone tell me the the latest solution for implementing rounded corners with DIV tags? Is the PNG corner images still the best cross-browser solution? Is Jquery the best approach? How is everyone approaching the rounded corners problem? Many thanks. Erik 回答1: The optimal solution at the moment is to use: selector { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } That will work in "all" modern browsers including IE9, see: http://caniuse.com/#search=border

Rounded corners in Chrome not working

阅读更多关于 Rounded corners in Chrome not working

问题 I am using the following for achieving rounded corners: -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; This is working in all browsers (excluding IE though) except Chrome. Here is how it looks in Chrome: but the same page is displayed fine in Safari. Being Webkit browsers why is there a difference in between these two browser displays? This is how it looks in Safari: Why is this happening? Here is the mark-up I am using: html: div#one1 { position: relative; border

How to add rounded corners to Translucent background of activity?

阅读更多关于 How to add rounded corners to Translucent background of activity?

问题 I have a simple Activity and I would like to have the a rounded rectangle shape. The activity uses a translucent Drawable. I have seen popup windows by other developers that are translucent (not a dialog theme) with rounded corners and I am trying to replicate that. Any help would be appreciated. Here is the code I currently have that produces a rectangular translucent window in the middle of the screen. <style name="Theme.TranslucentDialog"> <item name="android:colorBackgroundCacheHint">

How to create a rounded rectangle label in Xcode 7 and Swift 2

阅读更多关于 How to create a rounded rectangle label in Xcode 7 and Swift 2

问题 I am working in Xcode 7 beta 3. I want to create a label with a rounded rectangle background. By default, I can create a background with my color of choice but I can't round the corners. I have tried creating an outlet for that label and then in viewDidLoad() I wrote this code label.layer.cornerRadius = 10 . I didn't get any errors but it didn't change the label in the simulator. Does anyone know how to do this in Swift 2? 回答1: The most simplest approach is to add this attribute to the label

rounded corners of input elements in IE

阅读更多关于 rounded corners of input elements in IE

is there a way to make rounded corners on elements so that they are visible in Internet Explorer. Currently, I am using curvycorners.js but it only works on block elements... I don't expect it to be possible, as IE uses system controls to render inputs. This caused a lot of errors during last 10 years. If there is such a way - it must be a nasty hack I suppose ;) But have faith - I can help You with the simplest idea ever! <div class="corners"> <input type="text" style="border:1px solid #fff" /> </div> give the div and the input #fff background colours and set input's border to #fff and set

Rounded corners using ImageMagick (bakground transparent or white)

阅读更多关于 Rounded corners using ImageMagick (bakground transparent or white)

I'm trying to add rounded corners to my images using ImageMagick. If the input image is a PNG or GIF file my script is working correctly. But if my input file is a JPEG file, the corners are black. I'd like to use a custom corner color in that case (ex. white) any idea ? Here's my working bash script : convert -size "$W"x"$H" xc:none -draw "roundrectangle 0,0,$W,$H,$R,$R" $MASK convert $SRC -matte $MASK -compose DstIn -composite $DST Parameters are : $SRC : the input image $W : width of input image $H : height of input image $MASK : the mask image which contains transparent corners $DST : the

How can I make div rounded corners with transparent background?

阅读更多关于 How can I make div rounded corners with transparent background?

How can I create a div with rounded corners and transparent backgrounds? A bit like twitter does. So that at the edge of the corners you can see the page background and not a black edge. for a simple Radius, use this CSS: div{ -moz-border-radius:10px; /* for Firefox */ -webkit-border-radius:10px; /* for Webkit-Browsers */ border-radius:10px; /* regular */ opacity:0.5; /* Transparent Background 50% */ } Greez, Chuggi methodofaction For full control over which elements are transparent and which are not, specify colors in rgba instead of hex: div{ -moz-border-radius:10px; -webkit-border-radius