CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/04 CSS

学习完flex的布局模式之后,我们趁热打铁,来实现一个BoxLayout布局.什么是BoxLayout布局?那我们先上一个图看看 BoxLayout布局写过后端UI代码的编程者应该不陌生了,写前端的代码的也同样很熟悉,包括html的框架frame.但以往的CSS中使用floa...

前端技术 2023/09/04 CSS

今天设计一个发表动态的窗口样式，发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致，虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的一致性。然后就想着不用input作为输入框是不是可以，换成了复制代码代码如下: <div c...

hideFocus(虚线框处理小技巧)

前端技术 2023/09/04 CSS

hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于：复制代码代码如下:<a onFocus=\"this.blur()\" href=\"http://www.phpstudy.net\">phpstudy</a> 它的值是一个布尔...

前端技术 2023/09/04 CSS

完成简单的透明度控制功能使用filter的功能对图片元素进行透明度控制。支持IE8，Chrome浏览器。复制代码代码如下:<style type=\'text/css\'> /*透明20%*/ .opacity-20 { filter:alpha(o...

前端技术 2023/09/04 CSS

通过CSS样式设置网页的最小宽度，下面的样式将网页的最小宽度固定为600px html代码，将所有的内容都放到id=container的容器内复制代码代码如下: <body> <div id=\"container\"> CSS样式代码...

CSS3的一个简单导航栏实现

前端技术 2023/09/04 CSS

上面是一个效果图，代码在下面： html XML/HTML Code复制内容到剪贴板 <nav> <ul class=\"nav-ul\"> <li> <a href=...

前端技术 2023/09/04 CSS

主要亮点: 1 ul 水平显示 2 li 去掉圆点 3 li中字体水平、竖直居中 4 li控制边框样式 5 使用html + css3 渐变画图制作背景图片 6 更改颜色透明度 7 DIV制作边框阴影先看效果图: CSS Code...

淘宝导航栏css代码分享

前端技术 2023/09/04 CSS

类似淘宝的导航栏 html代码复制代码代码如下:<div class=\"end_wrap\"> <div class=\"end_box\"> <ul> <li cla...

前端技术 2023/09/04 CSS

前两天学习中，发现网站上的一个小符号，以为是插入的img，但找来找去也未发现img的地址。最后问了同学，才得知是用border属性做出来的。符号如右：其css代码如下：复制代码代码如下: .fuhao { position:absolute; top:12...

前端技术 2023/09/04 CSS

牛腩新闻发布系统中在table处遇到了麻烦，这个麻烦是我们在css中已经写好了使table不显示边框的代码，在ie浏览器中显示正常，但是在火狐和谷歌浏览器中显示不正常，table的每个边框都显示了出来，因为浏览器不同带来的麻烦可是不少了，哎，不过牛老师还是挺细...

关闭

我的博客