当前位置: 首页  - 标签“CSS“ - 列表 免费服务器领取!

CSS

前端设计

CSS画梯形的方法

CSS画梯形的方法是很多的,下面就给出几个示例,各位参考一下。CSS画梯形的方法方法1:<style>#m{height: 0;width: 100px;border-top: 100px solid red;border-right: 37px solid transparent;}</style><div

前端设计

CSS实现图片变暗的方法

利用CSS样式中的 filter 属性可以设置图片元素的可视效果,再配合使用 brightness() 来调整图片的亮度,就可以实现图片元素变暗的效果。CSS实现图片变暗的方法示例代码:<!--正常图片--><img src="https://www.feiniaomy.com/zb_users/upload/

前端设计

CSS实现网页内容禁止选中复制的方法

现在很多网站的站长,都不喜欢别人任意复制自己网站上的内容。为了防止别人复制自己网站的内容,使用了各种各样的方法。下面就介绍一种。CSS user-select 属性user-select:规定指定元素中的内容是否被用户选中。语法:p{ user-select:none}可选值:auto:默认。如果浏览器允许,则可以选择文本。none:防止

前端设计

CSS实现图片垂直翻转的效果

在css中,可利用transform属性实现垂直翻转效果,此属性可对DIV元素,图片元素都有效果。而这篇博文所要说的图片垂直效果也要使用这个CSS属性。CSS 实现图片垂直翻转的方法实现代码:<img src="https://www.feiniaomy.com/zb_users/upload/2020/08/202008

前端设计

CSS定义所有字母为大写的方法

在css中有一个属性 text-transform ,如果取其值为 uppercase 时,可以将所有的小写字符转为大写。其使用方法如下!CSS text-transform 属性text-transform:转换指定元素的中文章语法:p {text-transform:uppercase}可取值:none:默认。定义带有小写字母和大写字

前端设计

CSS实现修改表格偶数或奇数行的颜色

在前端web页面中,美化表格时一般都是使用隔行变色的方案。而这种方案实现起来也非常的简单....table表格隔行变色的方法table表格选择奇数行或偶数数要利用CSS中的 nth-child() 选择器,其 nth-child() 选择器中的值可以是数字,关键词或公式。nth-child(2n-1) //奇数行nth-child(odd

前端设计

CSS实现禁止button元素被点击的方法

如果CSS中的 pointer-events 属性,设置其值为 none 的话,可以禁止 button 元素被点击,并且也可禁止其 JS 点击事件。CSS pointer-events 属性pointer-events:设置元素是否对指针事件做出反应语法:pointer-events: auto|none;可选值:auto:默认值,可以

前端设计

利用CSS代码去掉input内光标的方法

有个小需求,要利用CSS代码去掉或隐藏input输入框中的光标,当然是不能影响input输入,具体的方法如下。CSS 隐藏或去掉输入框光标的方法方法1:<p>下面的有光标</p><input type="text" value=""><p>下面这个没光

前端设计

CSS设置文本块首行缩进的方法

在css样式代码中,可以利用 text-indent 属性来设置文本块的首行缩进,使用方法也非常的简单,可以参考下面的示例。css text-indent 属性text-indent:为CSS样式代码中的一个属性,它规定文本块中首行文本的缩进大小,其默认值为0,可以将值设置为其父元素的百分比或指定的缩进长度。例:text-indent:

前端设计

CSS实现水波纹的效果

在逛一个技术博客的时候,发现了一个利用css动画实现水波纹效果的示例,虽然效果不咋得,但在一些特定的场景下还是可以用一用的,记录下来以后备用哦。CSS实现水波纹效果的方法示例代码:<!DOCTYPE html><html><head> <meta http-equiv="Content-

前端设计

CSS 使用图片变灰的方法

接到了个小活,其中就有一个需求是利用 CSS 样式代码将图片变灰,这个需求很只需要使用 CSS filter 属性中的 greyscale 值即可,下面具体的来说一下。css3 greyscale 样式css3 中 greyscale 是 filter 中的一种属性,可以对HTML元素进行灰色滤镜,它的用法也非常的简单,并可以适用于a,d

前端设计

收集了几个CSS的初始化代码

在前端web设计中,在写web样式之前需要初始化一下CSS代码,以方便网页在各个不同的浏览器显示中达到统一的效果。下面记录了几个大网站中的CSS样式初始化代码,各位请上眼!腾讯CSS初始化代码body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,text

前端设计

使整个网站页面变灰的方法

在清时节或国家哀悼日时,很多的站长都会把自己的网站页面调成灰色,以示哀悼。网页变灰的方法方法一:修改网站的CSS文件打开网站的CSS样式文件,加入以下的代码即可!代码1:html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filte

前端设计

CSS画太极图的方法

前两天发了两篇关于CSS画图形的方法,今天就有QQ咨询能不能用CSS画个太极图出来,自己试验了一下。发现CSS画张太极图的图案非常的简单,实现代码如下。CSS画太极图的方法css画太极太只需要一个DIV元素即可,不过要用到这个div元素的伪类。代码在下自己看下吧!<!--feiniaomy.com--><style>

前端设计

css画多边形的方法

利用CSS可以画多边形状的,比如平行四形,三角形,四边形,五边形,六边形等。具体方法参考下面的内容吧。CSS画四边形的方法css里面最简单的就是画四边形了,这个经常用到,具体不再多说,直接上CSS代码。CSS代码:<style>.m {width: 200px;&

前端设计

css画三角形的方法

闲着没事研究了下利用CSS样式代码画三角形的方法,比如CSS画直角三角形,CSS画等边三角形等。CSS画三角形是利用了DIV元素的边框的宽度以及颜色来实现的,具体可以参考下面的几个CSS画三角形的方法。css定义边框的宽度以及颜色css代码:<style>.m{width: 0px; &

前端设计

CSS中的伪类选择器详解

CSS样式代码中的伪类是用来添加一些选择器的特殊效果,可对已有元素处于某种状态时为其添加对应的样式,这个样式是根据用户的行为则动态变化的。如果你看不懂CSS伪类的解释,可以看看下面的这个示例!css伪类 :hover :hover:当CSS悬停与指定元素上时,触发的效果。例:使用 css :hover 伪类的方法利用 css :hove

前端设计

解决移动端滑动验证时页面跟随移动的问题

在写一个移动端网页的滑动验证时,如果手指在屏幕上滑动会触发手机自带的事件。比如手机切屏或返回上一页等等。查了下百度,发现有两种网页端的方法可以阻止移动端左右滑动触发上一下和下一页的操作。阻止移动端滑动触发上一页下一页的方法方法1:CSS方法:html{touch-action:none;touch-action:pan-y;}方法2:使用

前端设计

css 修改placeholder属性文字颜色的方法

遇到了一个需要修改html页面中input与text元素中 placeholder 属性值颜色的需求,利用CSS很快的就解决了。解决方法如下。CSS 修改 placeholder 属性文字颜色的方法css代码:input::-webkit-input-placeholder{color:red;}input::-moz-placehold

1 2 3 4 末页
点击下拉

ZBLOG主题/插件定制开发流程

ZBLOG主题/插件定制开发流程