rounded-corners

how to set cornerRadius for only bottom-left,bottom-right and top-left corner textview?

由 吃可爱长大的小学妹 提交于 2019-11-26 09:24:57
问题 How to set corner radius only only bottom-left,bottom-right and top-left corner textview? let rectShape = CAShapeLayer() rectShape.backgroundColor = UIColor.redColor().CGColor rectShape.bounds = messages.frame rectShape.position = messages.center rectShape.path = UIBezierPath(roundedRect: messages.bounds, byRoundingCorners: .BottomLeft | .TopRight, cornerRadii: CGSize(width: 20, height: 20)).CGPath messages.layer.addSublayer(rectShape) this code create two rect. I dont know why. 回答1: You just

Android XML rounded clipped corners

由 北城以北 提交于 2019-11-26 08:04:52
问题 I\'ve setup a LinearLayout with the following drawable background: <?xml version=\"1.0\" encoding=\"utf-8\"?> <shape xmlns:android=\"http://schemas.android.com/apk/res/android\"> <corners android:radius=\"10dp\" /> <solid android:color=\"#CCFFFFFF\"/> </shape> The problem I\'m having is within the LinearLayout I have another LinearLayout element that sits at the bottom of it\'s parent. Since that doesn\'t have rounded corners its corners extend past the parents bottom left and right corners.

CSS rounded corners in IE8

由 旧城冷巷雨未停 提交于 2019-11-26 07:25:21
问题 I\'m having issues with rounded corners in IE8. I\'ve tried a few methods without success. Here is my code: <html xmlns=\"http://www.w3.org/1999/xhtml\"> <head> <title>Untitled Page</title> <style> body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding: 2px; margin: 2px; color: #505050; line-height: normal; } p { margin: 4px; } .categoryheading3 { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top

How to create uneven rounded sides on a div?

由 冷暖自知 提交于 2019-11-26 06:49:07
问题 I\'ve been trying to make a DIV with uneven rounded sides like this: I\'ve checked some solutions and the closest I can get to it is by using border-radius. I\'ve used: border-bottom-left-radius: 80%50px; border-bottom-right-radius: 30%30px; And this is what I\'ve got: How can this be done? 回答1: You can consider clip-path .box { height: 200px; width: 200px; background: blue; -webkit-clip-path: circle(75% at 65% 10%); clip-path: circle(75% at 65% 10%); } <div class="box"> </div> Or use radial

Android - drawable with rounded corners at the top only

由 a 夏天 提交于 2019-11-26 06:04:39
问题 I had this drawable to have a rounded rectangle as a background: <shape xmlns:android=\"http://schemas.android.com/apk/res/android\"> <solid android:color=\"@color/white\" /> <stroke android:width=\"1dp\" android:color=\"@color/light_gray\" /> <padding android:left=\"10dp\" android:top=\"10dp\" android:right=\"10dp\" android:bottom=\"10dp\" /> <corners android:radius=\"6dp\" /> </shape> This is working fine, as expected. Now, I want to change this to only round the top corners, so I change it

How to create EditText with rounded corners?

由 牧云@^-^@ 提交于 2019-11-26 05:54:49
问题 Is there any way to create EditText that has rounded corners? 回答1: There is an easier way than the one written by CommonsWare. Just create a drawable resource that specifies the way the EditText will be drawn: <?xml version="1.0" encoding="utf-8"?> <!-- res/drawable/rounded_edittext.xml --> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:padding="10dp"> <solid android:color="#FFFFFF"/> <corners android:bottomRightRadius="15dp" android

Creating rounded corners using CSS [closed]

由 ∥☆過路亽．° 提交于 2019-11-26 03:15:27
问题 As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance. Closed 7 years ago . How can I create rounded corners using CSS? 回答1: Since CSS3 was introduced, the best way to add rounded corners using CSS is by using

CSS3&#39;s border-radius property and border-collapse:collapse don&#39;t mix. How can I use border-radius to create a collapsed table with rounded corners?

由 无人久伴 提交于 2019-11-26 01:38:35
问题 Edit - Original Title: Is there an alternative way to achieve border-collapse:collapse in CSS (in order to have a collapsed, rounded corner table)? Since it turns out that simply getting the table\'s borders to collapse does not solve the root problem, I have updated the title to better reflect the discussion. I am trying to make a table with rounded corners using the CSS3 border-radius property. The table styles I\'m using look something like this: table { -moz-border-radius:10px; -webkit

How to make CSS3 rounded corners hide overflow in Chrome/Opera

由 风格不统一 提交于 2019-11-26 01:25:14
问题 I need round corners on a parent div to mask content from its childen. overflow: hidden works in simple situations, but breaks in webkit based browsers and Opera when the parent is positioned relatively or absolutely. This works in Firefox and IE9: CSS #wrapper { width: 300px; height: 300px; border-radius: 100px; overflow: hidden; position: absolute; } #box { width: 300px; height: 300px; background-color: #cde; } HTML <div id=\"wrapper\"> <div id=\"box\"></div> </div> Example on JSFiddle

How to make the corners of a button round?

由 旧巷老猫 提交于 2019-11-26 00:56:57
问题 I want to make the corners of a button round. Is there an easy way to achieve this in Android? 回答1: If you want something like this here is the code. 1.Create a xml file in your drawable folder like mybutton.xml and paste the following markup: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_pressed="true" > <shape android:shape="rectangle" > <corners android:radius="3dip" /> <stroke android:width="1dip" android
订阅 rounded-corners