```mermaid
stateDiagram
Developer -> Newbie: Teach how to make transparent border for HTML5 div
Newbie --> Developer: Follow steps to implement
```
作为一名经验丰富的开发者，你需要教会一位刚入行的小白如何实现“html5 div 边框
原创
2024-05-12 05:55:46
256阅读
利用DIV+CSS生成圆角边框，在很多情况下都会用到，目前DIV+CSS的圆角边框，一种是利用CSS3，一种角是圆角非常方便，代码如下...
原创
2023-07-21 16:22:18
141阅读
网页半透明效果经常在一些很酷网站中用到，虽然说现在还没有被纳入W3C标准中，但对于CSSer们还是很热捧的。从网上收集并整理了一下以后备用。1. 旧的Opacity设置以下代码是Firefox和Safari旧版本所需的透明度设置:
复制内容到剪贴板
代码:#ceng { -khtml-opacity:0.5;-moz-opacity: 0.5; }-khtml-opacit
转载
2024-07-21 16:45:03
63阅读
通常我们设置边框是喜欢使用 border:1px solid #cccccc;类似这样的写法，我们如果想要实现透明的边框也是可以的只要改一下写法。使用rgba这个方法最后一个就可以表示要设置的透明度，遗憾的是只有非ie浏览器支持这种写法。示例如下:border-bottom: 1px solid rgba(241,247,254,0.5);
原创
2015-03-24 16:51:04
1077阅读
.aaa{ filter:alpha(Opacity=80); /* IE有效 */ -moz-opacity:0.5; /* 火狐浏览器有效，IE无效 */ opacity:0.5; /* 除IE外，
原创
2022-05-24 18:20:26
724阅读
使用元素的opacity 属性，设置遮罩层的效果， 主要 样式是：background-color: #ooo; opacity:0.3; 原因分析： 使用css的opcity属性改变某个元素的透明度，但是其元素下的子元素的透明度也会被改变，即便重定义也没有用，不过有个方法可以实现，大家可以看看。
转载
2017-01-05 09:55:00
1546阅读
2评论
正常我们可以通过 rgba 或者 hsla 来实现半透明背景效果，但是用在边框上却会失效。其实有一个神奇的属性 background-clip 只要加上他，奇迹就会出现啦。具体代码如下：效果如图：这里我偷懒用了纯色的背景，其实换成背景图会更好看。
原创
2022-06-04 01:11:52
1000阅读
点赞
网址http://jquery.malsup.com/corner/ jQuery Corner是一款jQuery的插件，最初由Dave Methvin开发，但后在Malsup同志的协助下，进行了一些重要的改进。现在项目放在github上，当然为了方便，本文会以附件的形式提供该插件，但要想得到最新版，请到项目的github上拿。 之所以会
1. 外凸边框： 效果：日志文字 代码：<div style="BORDER-RIGHT: 3px outset; BORDER-TOP: 3px outset; BACKGROU
原创
2023-09-28 10:12:03
71阅读
1.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369; 注意:在同
转载
2016-04-28 09:52:00
559阅读
2评论
在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办法，唯一的兼容性问题就是ie6 下的BUG，但这也不困难，加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层，如登陆框、注册框、提示等，这时可能需要整个页面都要被半透 明的遮罩层覆盖，那么如用背景平铺的话，此时此刻也许就不是一个好办法了，图片大了会影响加载速度，图片小了同样会增加页面的渲染计算量，那么这时也许就 需要用CSS滤镜了。假如有这样一个例子：“有一个DIV块，此DIV是黑色半透明的，但此DIV里面的内容要保持原状，不能透明”，那么我们该怎么做呢？假如HTML部分我们这
转载
2013-12-09 22:18:00
696阅读
2评论
今天我总结一下css实现div居中的方法，有的是固定宽度的，还有的是不固定宽度的。1.使用自动外边距实现DIV CSS居中CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为auto即可。在实际使用中，我们可以为这些需要居中的元素创建一个起容器作用的div。需要特别注意的一点就是，必须为该容器指定宽度：div#contain
转载
2023-07-19 13:13:51
152阅读
很不错的CSS透明效果，本实例是用CSS控制外层DIV不透明，而内层DIV透明，这样实现的效果是意想不到的，还不错吧，其实代码也是很简单的，也很好理解，主要是用了CSS的滤镜。
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/h
转载
2012-09-03 16:50:00
218阅读
2评论
一、虚线与实线边框 边框虚线样式：dashed
边框实现样式：solidborder:1px dashed #000
代表设置对象边框宽度为1px黑色虚线边框border:1px solid #000
代表设置对象边框宽度为1px黑色实现边框二、对div上边加边框 我们给div上边加1px黑色边框div{border-top:1px solid #00
转载
2023-06-08 14:53:37
1331阅读
DIV半透明实现，使用CSS实现DIV成半透明效果，CSS实现层与背景半透明效果。 设置DIV半透明CSS代码： 说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认 2、-moz-opacity：对moz
原创
2021-07-15 17:17:13
4525阅读
div 的边框样式示例代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title> www.weiyuxuan.com </t
原创
2021-08-19 15:46:28
154阅读
本系列博客汇总在这里：JavaWeb_CSS 汇总目录一、div 的边框样式二、所有 html 在布局上都遵守盒子模型三、div 的内边框 padding四、div 的外边框 margin
一、div 的边框样式示例<!DOCTYPE html><html> <head> <meta charset="UTF
原创
2022-03-29 14:18:28
240阅读
设置DIV半透明CSS代码：div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明：1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，w
转载
2022-07-22 12:28:28
541阅读
