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

前端技术 2023/09/01 CSS

产品篇在我们的后台中，需要设置广告精准投放的区域，也就是要在全国31个省、自治区、直辖市中选择。那么，出现下面这幅景象也就理所应当了：这样做有几个问题：选项很多，没有规律，找起来很累如果是一个已经选择了部分选项的广告，修改时仍然需要用肉眼寻找，无法一眼看出...

纯CSS仿迅雷看看蓝色导航

前端技术 2023/09/01 CSS

先看看CSS绘制的经典蓝色导航效果：用到的素材：代码： XML/HTML Code复制内容到剪贴板 <html> <head> <meta http-equiv=\"Content-Type\" content=\"text/...

前端技术 2023/09/01 CSS

效果图：实现方法：复制代码代码如下: <!DOCTYPE html> <html> <head> <meta charset=\"UTF-8\"> <title>Insert title here...

前端技术 2023/09/01 CSS

<INPUT TYPE=\"submit\" style=\"cursor: hand\" value=\"hand\"> auto ：标准光标 default ：标准箭头 hand ：手形光标 wait ：等待光标 text ：I形光标 verti...

前端技术 2023/09/01 CSS

最近做项目写页面看到很多网站的文字前面的图标是用这么写的 content: \"\\f083\"; 后来查了很多资料才知道是矢量图字体图标通过插入指定的标签生成不同的矢量图比传统的图片做背景有很多好处首先这些矢量图好控制大了小了都不...

详解CSS中的规则声明

前端技术 2023/09/01 CSS

CSS 规则由选择器和声明两部分组成，本文将要说的是第二部分：声明。一个声明包含两部分：属性和值。属性指出要影响元素的哪个方面（颜色、高度，等等），而值表示属性设定为什么（绿色、15px，等等）。 CSS属性值主要分以下三类：文本值 ...

前端技术 2023/09/01 CSS

webkit内核的safari、 Chrome的Linear Gradients (线性渐变) -webkit-gradient是background的一个属性值；webkit内核的safari、 Chrome的Linear Gradients (线性渐变) 基本语法：复制代...

CSS3正方体旋转示例代码

前端技术 2023/09/01 CSS

效果图： css代码：复制代码代码如下: @keyframes spin {from { transform: rotateY(0); }to { transform: rotateY(-360deg); }} @keyframes spin-vertica...

前端技术 2023/09/01 CSS

下拉菜单是一个很常见的效果，在网站设计中被广泛使用。通过使用下拉菜单，设计者不仅可以在网站设计中营造出色的视觉吸引力，但也可以为网站提供了一个有效的导航方案。使用 HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。 1. 使用 jQuery 和 CSS3 制作...

前端技术 2023/09/01 CSS

复制代码代码如下:html,body { margin:0; padding:0; height:100%; font-family:\"Times New Roman\" /**/ background:url(i...

关闭

我的博客