当前位置:首页 > 笔记 > 前端 > 正文内容

CSS 圆角 样式表

3年前 (2022-10-29)前端6171

css 样式表


1.CSS 圆角

CSS border-radius 属性

//实例1    
#rcorners1 {
  border-radius: 25px;
  background: #73AD21;
  padding: 20px; 
  width: 200px;
  height: 150px; 
}
//实例2   
#rcorners2 {
  border-radius: 25px;
  border: 2px solid #73AD21;
  padding: 20px; 
  width: 200px;
  height: 150px; 
}
//实例3 
#rcorners3 {
  border-radius: 25px;
  background: url(paper.gif);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px; 
  width: 200px;
  height: 150px; 
}


扫描二维码推送至手机访问。

版权声明:本文由蓝博发布,如需转载请注明出处。

本文链接:https://www.blueboss.cn/p/936.shtml

标签: css

“CSS 圆角 样式表” 的相关文章

Font-Awesome字体跨域无法正常显示的问题解决

Font-Awesome字体跨域无法正常显示的问题解决

网页使用 Font Awesome 字体图标时图标不能正常显示,浏览器控制台出现“@font-face 跨源请求失败。资源访问受限”的错误提示,出现该错误的原因是浏览器的同源策略机制导致。解决方法是使用跨域资源共享(CORS)机制,跨域资源共享标准新增了一组 HTTP 首部字段,允许服务器声...

设置input 文本框 不可编辑修改,input框禁止输入

设置input 文本框 不可编辑修改,input框禁止输入

设置input 文本框 不可编辑修改,input框禁止输入在input文本框上添加readonly="readonly"属性,代码:<input type="text" value="设置只读" read...

Js代码直接显示当年的年份 适合网站页脚做版权

Js代码直接显示当年的年份 适合网站页脚做版权

演示: ©2018-2023 可以直接复制使用,修改一下开始的年份即可,自动生成到今年的年份。 比如今年 2023 年 所展示的是 2018-2023代码如下:<p>© 2018-<script type="text/javascript"&...