简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

css-边框透明_html/css_WEB-ITnose

WBOY
发布： 2016-06-24 11:36:49
原创
885 人浏览过

自己做的小例子

第一个

 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4     <meta charset="UTF-8"> 5     <title></title> 6     <style> 7         *{margin:0;padding:0} 8         .container{width:200px; height:200px;background:red; padding:10px;} 9         .content{width:50px; height:50px;border:1px solid hsla(0,0%,100%,.5);background:#fff;border-radius: 1px;background-clip: padding-box;}10     </style>11 </head>12 <body>13 <div class="container">14     <div class="content">15     </div>16 </div>17 </body>18 </html>
登录后复制

第二个 

 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4     <meta charset="UTF-8"> 5     <title></title> 6     <style> 7          body{background: red;} 8         .content{width:50px; height:50px;border:1px solid rgba(255,255,255,.5);background:#fff;border-radius: 5px;background-clip: padding-box;} 9     </style>10 </head>11 <body>12     <div class="content">13     </div>14 </body>15 </html>
登录后复制

相关标签：
css-边框透明
来源：php.cn
上一篇：CSS3学习笔记_html/css_WEB-ITnose 下一篇：IE7 浏览器下面设置text-indent属性变成margin属性BUG_html/css_WEB-ITnose
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
如何将透明度应用于CSS颜色变量？ 我正在使用Electron设计一个应用程序，因此我可以访问CSS变量。我在vars.css中定义了一个颜色变量：:root{--color:#f0f0f0;}我想在main.css...
来自于 2023-10-13 15:48:04
0
1
302
如何在CSS颜色变量上应用不透明度？ 我正在使用Electron设计一个应用程序，因此我可以访问CSS变量。我在vars.css中定义了一个颜色变量：:root{--color:#f0f0f0;}我想在main.css...
来自于 2023-10-13 14:43:49
0
1
329
如何通过CSS/HTML将边框的颜色从灰色改为全色？ 我是一个试图学习HTML+CSS的新手我希望这个边框是完全灰色的，但是我们可以看到它是一半/一半的-我不明白为什么，谢谢enterimagedescriptionhere我的控制台...
来自于 2023-09-16 12:30:52
0
1
692
如何使用透明的div实现页面背景模糊效果 我有一个网页的代码，我希望通过一个透明的div来使背景模糊。我实际上想要使div半透明。我尝试为div添加模糊滤镜的CSS，但结果是div内部的文本也被模糊了，这不是我想要的。&l...
来自于 2023-09-14 21:09:28
0
1
164
CSS：从具有投影的 Vuetify 对话框内的 div 中删除投影 我有一个对话框，在div上使用CSS添加了一个三角形。但CSS的技巧是边框的一部分是透明的。我试图克服的问题是从透明边框中删除阴影，而不从对话框本身删除阴影。将其添加到div不起作...
来自于 2023-09-13 19:57:28
0
1
210
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！