第893页

css视觉效果之单侧投影 box-shadow阴影效果

为元素设置投影可以使用 box-shadow 属性，指定三个长度值（X轴偏移量、Y轴偏移、模糊半径）与一个颜色值要想只在底部设置投影，需要用到第四个参数：投影的扩张半径，如果该值为负，就代表缩小投影尺寸 text-shadow和box-shadow属性的使用： /*第一个是水平阴影的位置(10px就是阴影往右移10px; -10px就是往左移)，第二个是阴影垂直位置第三个是模糊距离第四个是阴影的颜色*/ ...

期权知识 2020-08-17 526 0
zblog指定调用某个分类的的随机文章

关于zbp的随机显示方案，之前就写过一个教程，当然代码不是我写的，我只是“搬运工”而已，其实并不是很完美，这不今天比较完美的方案就出来了，而且可以调用某个分类的的随机文章。 function GetRandArticles($count , $where = '' , $real = ''){ global $zbp; &nb...

期权知识 2020-08-17 537 0
css边框内圆角实现的2种方法

边框内圆角在学习多重边框的时候我们用到了两个属性box-shandow和outline，outline 描边并不会跟着元素的圆角走，但是box-shandow 是会的。因此我们利用两者的结合便可实现下图的效果 1、思路如下：为元素设置圆角，外层设置轮廓outline。圆角与直角之间的空隙用阴影补齐，阴影的尺寸为圆角半径的一半 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">...

期权知识 2020-08-17 460 0
css信封边框效果实现的2种方法

信封边框信封描边的效果大致如下图所示，这里的边框有红白蓝三种颜色，所以可以使用重复线性渐变的方法来完成：信封边框有两种实现思路： 1、使用背景渐变 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .uu{ ...

期权知识 2020-08-17 556 0
css3边框之缝边效果 outline-offset属性

outline-offset属性定义及使用说明 outline-offset属性设置轮廓框架在 border 边缘外的偏移在两个方面不同于边框：不占用空间可能非矩形 1、outline outline: 1px white dashed; /* 边框宽度边框样式边框颜色 */ 2、outline-offset outline-offset: -10px; /* 可以是负值 */ 属性设置轮廓框架在 border 边缘外的偏移 Outlines在两个方面不同于边框：Outlines...

期权知识 2020-08-17 530 0
::before ::after伪元素下特有content属性和用法

css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类 :hover,:link,:active,:target,:not(),:focus。常见伪元素 ::first-letter,::first-line,::before,::after,::selection。 ::before和::after下特有的content，用于在css渲染中向元素逻辑上的头部或尾部添加内容。这些添加不会出现在DOM中，不会改变文档内容，不可复制，仅仅是在css渲...

期权知识 2020-08-17 516 0
css3的HSLA颜色值

CSS3文档中提到：（HSLA） H是色度，取值在0度~360度之间，0度是红色，120度是绿色，240度是蓝色。360度也是红色。 S是饱和度，是色彩的纯度，是一个百分比的值，取值在0%~100%，0%饱和度最低，100%饱和度最高 L是亮度，也是一个百分比值，取值在0%~100%，0%最暗，100%最亮。 A是不透明度，取值在0.0~1.0，0.0完全透明，1.0完全不透明。这样一说大家肯定是很迷的一个概念举点例子吧：（只要区分中间的百分比值）这是标准的绿色值： background-c...

期权知识 2020-08-17 503 0
css3边框之半透明边框 background-clip属性

作为初学者的我们,对css中半透明颜色的设置的了解大概只有rgba(),hsla()也是其中的一种方法.在实际中,他们应用于背景的原因有一下几点: 1、早期的开发者没有意识到这些新属性就是类似#ff0066和orange的色彩,而是将他们看作是图片,所以仅用于背景; 2、位背景提供降级方案比其他属性简单; 3、在边框这些属性上使用半透明颜色并不简单. 我们一般设置边框的第一步: border:10px solid hsla(0,0%,100%,.5); background:white; 按常理来说...

期权知识 2020-08-17 486 0
zblog首页分类列表第一篇文章有图其它文章没图CMS样式

这篇文章标题我也想不出怎么描述好点，其实就是想说，首页一个块或指定的位置调用10篇文章，但调用出来的第一篇文章式样与后面的9篇文章不一样。比如第一篇文章是带图片带内容简介的式样，后面9篇就只有标题，如下图所示：这种式样一般是喜欢CMS风格的朋友常用，尤其是网站内容多，浏览量大的站，这种样式能给访问者带来更好的阅读体验。具体代码如下：调用栏目文章代码解释：第一行的阿拉伯数字10和2分别表示调用id为2的栏目内的10篇文章；第四行至第八行为第一篇文章显示的界面；第十行为之后显示的文...

期权知识 2020-08-17 517 0
zblog调用幻灯片代码

现在大多网站都有幻灯片效果，有一个好看的幻灯片，能给网站添色不少。不管JS、还是Jquery，添加到zblog上都要自己动手了，CSS样式自已去修改成你想要的！自己整理了个代码，记录下来方便以后使用。代码如下： <ul class="slider-relative" id="relative"> {php} $array = explode(',',$zbp->Config('sml_cms...

期权知识 2020-08-17 457 0