CSS语法代码

客制化网页设计如何用 CSS 做出 SVG 的边框魔法

客制化网页设计如何用 CSS 做出 SVG 的边框魔法

网页设计做出令人惊叹的 CSS 边框效果的程式码片段

网页设计做出令人惊叹的 CSS 边框效果的程式码片段

所有文章

网页设计里面垂直置中最简单的方法

网页设计里面垂直置中最简单的方法

网页设计里面垂直置中最简单的方法,最简单的网页设计语法,将DIV里面的文字图片垂直置中,就在这个DIV的CSS里面加入这段语法。

  1. align-content: center;   
  2. flex-wrap: wrap;   
  3. display: flex;  
用CSS的cursor 语法,变更滑鼠游标的形状

用CSS的cursor 语法,变更滑鼠游标的形状

在网页里面,我们可能需要改变CSS里面的写法是

 

  1. .cursor{   
  2.     cursor: help;   
  3. }  

 

.myMOUSE{ cursor: auto; }
.myMOUSE{ cursor: crosshair; }
.myMOUSE{ cursor: default; }
.myMOUSE{ cursor: e-resize; }
.myMOUSE{ cursor: help; }
.myMOUSE{ cursor: move; }
.myMOUSE{ cursor: n-resize; }
.myMOUSE{ cursor: ne-resize; }
.myMOUSE{ cursor: nw-resize; }
.myMOUSE{ cursor: pointer; }
.myMOUSE{ cursor: progress; }
.myMOUSE{ cursor: s-resize; }
.myMOUSE{ cursor: text; }
.myMOUSE{ cursor: w-resize; }
.myMOUSE{ cursor: wait; }
.myMOUSE{ cursor: inherit; }
css div置中方法

css div置中方法

CSS3 弹性盒子,又称flexbox,是为了适应不同萤幕尺寸和显示设备而生的布局模式。针对许多应用而言,不用 floats 的弹性盒子模型会比块状模型(block model)易用,弹性容器的边缘也不会与内容的边缘重叠。

  1. display: flex;   
  2. align-items: center;   
  3. justify-content: center;  

css文字左右对齐,以及行距的设定分享

Ajen在问中文文字的左右对齐,像Micro word里面的编辑,可以达到左右两侧对齐,所以就写这一篇CSS语法的说明,看在CSS样式里面怎么设定的达到这样的效果!

 

  1. text-align: justify;   
  2. text-justify:inter-ideograph;  
CSS语法教学-删除超连结的虚线外框

CSS语法教学-删除超连结的虚线外框

 

 CSS语法教学-删除超连结的虚线外框,方便吧,超实用的!

好用的css语法技巧

这篇也不是什么秘密,只是个人的喜好而已。