726网站建设美丽

纯CSS - border绘制三角形（各种角度）_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3600 浏览

我们的网页因为CSS而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着CSS3的广泛使用，更多新奇的CSS作品涌现出来。今天给大家带来CSS三角形绘制方法#triangle-up{&n...

CSS 纯CSS提示文字，问号弹出悬浮提示文字_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3599 浏览

 今天在一个开发的网站上需要到弹出提示，比如，在设置配置项，设置说明无法全部显示，只能用问号进行触发弹出说明，这时候第一个想法就是使用JS，个人对JS实在不太在行，所以就去万能的百度去寻找替代方案，还真的被找到。那就是Hint，下载网址：http://kush...

div垂直居中 css div盒子上下垂直居中_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3608 浏览

div垂直居中cssdiv盒子上下垂直居中,让DIV盒子在任何浏览器中任何分辨率的显示屏浏览器中处于水平居中和上下垂直居中。div垂直居中常用于单个盒子，如一个页面里只有一个登录布局，使用divcss让这个登录布局水平和css垂直居中。这里介绍一种最简单兼容性最好...

CSS 元素垂直居中的 6种方法_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3620 浏览

利用CSS进行元素的水平居中，比较简单，行级元素设置其父元素的text-align center，块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法，每一种适用于不同的情况，在实际的使用过程中选择...

CSS: position实现左侧栏高度自适应，依右侧栏高度而定 - 等高布局_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3612 浏览

等高布局相关：《padding和margin配合等高布局，侧边栏等高布局方法》而本文介绍的是使用position来实现多栏等高自适应布局！直接上图，左侧菜单只是显示部分，右侧的高度随时可能变化，要求：左侧栏的高度也跟随右侧栏一起变化！方法：position:absolu...

CSS：左侧栏固定宽度，右侧栏自适应宽度_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3619 浏览

相关：《左边固定，右边自适应及左边自适应，右边固定布局的几种方法》【更全】最近在学习各种CSS知识，特别是制作网站常用的，比如今天来分享的一个CSS。在制作zblog模板时候经常会用到一侧栏固定宽度，另一侧栏可以自适应宽度，特别是一些zblog博客、CMS...

iPhone Safari IOS系统不兼容 :hover 的解决方法_前端技术

新闻来源：网络整理    2023-3-4    共有: 3599 浏览

今天有一个zblog模板客户反馈问题，手机端菜单在苹果手机上下拉失效，安卓机子上正常，看了一下，使用的是:hover的方法，没有使用任何JS。我自己也没有苹果机子可测试，最终百度中找到iphone无法兼容:hover的原因！方法一：a:hover设置的样式在iOS系统...

背景透明、文字不透明最简单的CSS方法 - background-color:rgba(229,52,51,0.75);_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3604 浏览

在写这段代码的时候，遇到了一个问题，就是要求背景红色有透明度，但文字上的颜色不能透明，不然真的不好看。如果直接使用filter:alpha(opacity=80);opacity:0.8这段解决，则可以把div全部进行透明化，包括文字了，就很难看！找来找去，...

图标： 文字的前缀图标 - 背景图片方式_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3597 浏览

文字前的图标，并且图标尺寸大于文字尺寸（高度）的情况下CSS：<divclass="timegreen"> <i></...

大图(宽图)在任意宽度浏览器内显示原尺寸、并居中、无导航条CSS_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3627 浏览

相关：《长图(宽图)任何宽度浏览器内原尺寸居中，不产生导航条，超出使用背景色》（不如本文分享的居中代码精简，但兼容性较好）今天写zblog主题的时候遇到了一个难题，就是图片（非背景图）必须居中显示，且图片宽度在1920px，网站主题宽度1180px，要求图片在任何118...

jQuery 点击显示隐藏CSS - toggleClass() 方法_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3602 浏览

对设置和移除所有<p>元素的"main"类进行切换：$("button").click(function(){ $("p").toggleClass(&...

jQuery控制的不同方向的滑动(向左、向右滑动等)_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3587 浏览

引入jquery.js，复制以下代码，即可运行。12345678910111213141516<style type="text/css"> .slide { position: relative; height: 200; lighty...

jQuery：点击显示隐藏、横向淡入淡出_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3609 浏览

1、点击显示隐藏、横向淡入淡出jQueryjQuery(function($) {  $("#slidewidth button").click(function(){    &...

纯CSS:多彩颜色、不同颜色 | jQuery+CSS随机显示颜色_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3602 浏览

1、列表文字不同颜色（刷新不随机）【纯CSS】上图所示：每一个链接都有不同的背景颜色，常用语模板中的tag背景颜色、分类列表中的分类名称颜色等，总之很多列表中常用到不同多彩颜色、不同颜色、不同背景颜色。下面就按照上图所示的效果，分享下这种比较简单...

案例：图片 - 指定时间、 旋转、变形_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3619 浏览

上图这个让图片在指定时间内旋转、变形的常用语各种网站的头像或者图标上，特别是zblogPHP模板里很多开发者喜欢用，所以今天来分享下：先看完整代码，然后再逐一说明：.commentlistimg{width:40px;height:4...

CSS 鼠标触发 图片动态放大效果_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3612 浏览

今天在写一个zblog主题的时候，用到了图片鼠标触发放大效果，在这里分享下代码：aimg{-webkit-transition:all0.6s;-moz-transition:all0.6s;-o-...

给标签增加css .addClass javascript_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3604 浏览

&lt;script&gt;$(&quot;.layui-navli&quot;).addClass(&quot;layui-nav-item&quot;);&lt;/script&gt;这段代码是为为.layui-navli新增一个.lay...

jQuery：即插即用 返回顶部 _js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3613 浏览

相关：《案例：jQuery返回顶部（返回顶部、微信、评论、反馈）》撒几乎每一个网站都有返回顶部的需要，在制作zblogPHP模板的时候，我也常用各种返回顶部代码。有时用的是集成的框架，比如Bootstrap，或者Amaze~妹子UI，...

即插即用 点击 下拉菜单 javascript_js/jQuery

新闻来源：网络整理    2023-3-4    共有: 3633 浏览

在制作zblog模板或者其它模板的时候，经常会用到点击下拉菜单，比如手机端菜单，或者PC端搜索图标点击显示搜索框！如果使用css去写下拉也可以，但在手机端不是很适用，目前css点击展开后再次点击不能正常收回。所以推荐下方的JS代码，即插即用，比较简单，特效可以用css3...

table 表格 边框css_CSS学习

新闻来源：网络整理    2023-3-4    共有: 3595 浏览

第1种对表格设置边框效果对应CSS代码：.table-atable{border:1pxsolid#F00}对应html源代码：&lt;divclass=&quot;table-a&quot;&gt;&lt;tablewidth=&quot;400&quot...