内凹圆角的核心代码，就是背景图的radial-gradient，只设置两种颜色，中间不进行过渡渐变。两种颜色叠到一起就是一条实线，看上去就是两个色块的拼接。
原创
2021-11-26 17:23:05
1588阅读
# Android 内凹圆角
在 Android 开发中，我们经常会遇到需要给 View 添加圆角的需求。Android 提供了 `android.graphics.drawable` 包中的 `GradientDrawable` 类来实现圆角效果。本文将介绍如何使用 `GradientDrawable` 类实现 Android 内凹圆角效果，并提供相应的代码示例。
## 内凹圆角效果
内凹
CSS代码：-moz-border-radius: 15px; /* Gecko browsers */-webkit-border-radius: 15px; /* Webkit browsers */border-radius:15px; /* W3C syn...
原创
2022-04-30 15:08:46
323阅读
例子1： <!DOCTYPE html> <html lang="en"> <head> <style> div { width: 350px; height: 100px; padding: 15px 0px 0px 25px; } .one { border-top-left-radius: 2 ...
转载
2021-09-30 16:56:00
406阅读
2评论
实现原理看起来是图形，实际是白色的文字勾勒出的轮廓利用css的“首选最小宽度”构建图形，根据英文单词
原创
2022-07-12 16:04:09
949阅读
css圆角（border-radius）的深入理解写在前面：1.介绍：
在border-radius出来之前，传统的生成圆角，必须使用多张图片作为背景图案，浪费很多的时间。
css3圆角的出现，使我们再也不必浪费时间去制作这些图片了，并且可以减少文件维护的工作量、提高网页性能，增加视觉可靠性。
2.border-radius:
这是一个简写属性，用来设置：
border-top-lef
圆角，相信每一个了解CSS属性的都知道，通过border-radius实现圆角（外凸圆角），但是如果需要实现内凹圆角怎么办呢？比如四角内凹的元素，比如如下所示这样的内凹圆角对于这种问题，很多人的反应都是采用CSS的伪类或者子元素的绝对定位来覆盖，但是这样做的后果就是被覆盖部分是不透明的。在不同样色的背景下，会出现非常突兀的覆盖元素，这样一来，视觉上将会非常难看，自适应行不强。如果需要实现透明的效果
#xianshi{
width:230px;
height:50px;
position:absolute;
left:10px;
top:10%;
margin-right:129px;
margin-top:0px;
lavender;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius:
原创
2013-05-31 06:36:40
984阅读
<html>
<head>
<title>css圆角效果</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">
div.RoundedCorner{background:
原创
2013-08-16 09:42:44
533阅读
上次在群里有同学提出这样的问题，因为之前一直在用传统的Div，所以当时没能回答出来，之后经过Google了相关资料后，总结并实践了各种实现方法，现在将它写了来和大家分享一下，如果你是一个Div+Css老鸟并且已经熟练掌握，那么请直接跳过本文（您的时间一定很宝贵吧，呵呵！），如果你之前没用过并且也不会，那么请认真、耐心的看完这篇文章，我保证，你肯定能做到。以下几种方法经IE6、Ie7、Firefox
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><html xmlns="http://www.w3.org/1999/xhtml"><head> <style> * { padding-bottom: 0px; margin: 0px; padding-left: 0
转载
2011-02-27 15:43:00
105阅读
2评论
尽力使初学者看起来简单。CSS3 在这里还没有得到完全的应用，所以，知道现在，我...
原创
2023-07-28 19:12:06
83阅读
CSS|圆角边框设置边框的角，使用border-radius它一共有四个参数，分别代表左上角、右上角、右下角、左下角的曲折程度；如果只写三个参数，那么分别代表
原创
2022-07-11 16:39:15
1547阅读
说明：1、display:inline-block; 这个属性IE8和firefox3.0已经支持，IE6和IE7不支持，解决方法是*display:inline; zoom:1;原因如下： 使得display:inline;使得IE下元素变成内联元素，然后使用zoom:1;触发块元素的layout（我理解为可布局——对高度宽度敏感）。2、class为“c”和“d”中的样式中用line-heigh
什么是圆角样式呢？直观一点理解就是原本矩形的盒子现在出现了圆角区域。这些都是通过css的border-radius圆角样式实现的。先来理解一下圆角样式的原理:浏览器默认每个块元素都是矩形区域，当我们使用border-radius属性为盒子左上角添加圆角样式30px时，在盒子的左上角就会有一个半径为30px和两边相切的小圆，圆弧以外的地方就会被切割掉呈现出圆角样式：当4个边都设置成圆角样式时：类似于
背景 某日，群友们在群里抛出这样一个问题，如何使用 CSS 实现如下的布局： 在 CSS 世界中，如果只是下述这种效果，还是非常容易实现的： 一旦涉及到圆角或者波浪效果，难度就会提升很多。 实现这种连续平滑的曲线其实是比较麻烦的，当然，也不是完全没有办法。本文，就会带大家看看，使用 CSS 实现上述
原创
2022-04-30 23:15:02
884阅读
说明：1、display:inline-block; 这个属性IE8和firefox3.0已经支持，IE6和IE7不支持，解决方法是*display:inline; zoom:1;原因如下： 使得display:inline;使得IE下元素变成内联元素，然后使用zoom:1;触发块元素的layout（我理解为可布局——对高度宽度敏感）。2、class为“c”和“d”中的样式中用line-heigh
流传很广的一个例子。<style type="text/css">div.roundedcorner{background: #3a6ea5; width: 200px; color:white}b.r {display:block;background: #fff}b.r b {display:block;height: 1px;overflow: hidde
转载
2009-09-29 15:42:42
535阅读
