communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > CSS揭秘，切图01

CSS揭秘，切图01

WBOY
Libérer： 2016-10-17 09:11:28
original
1129 Les gens l'ont consulté

key-> vertical-align: top;

我喜欢折角，我是断背山？

我真他妈折角了。我槽

key->background-image: linear-gradient(to bottom right, gray 0, gray 90%, transparent 91%, transparent 100%);

切图计划启动，从封面开始。

上面的都是小技巧，书中说道一个关键的点，视觉的错觉：视觉的中点在偏上一点的位置(默默对自己说，不要用像素，别给自己挖坑。。。)

s
s
<span style="color: #800000;">.center-display .object</span>{<span style="color: #ff0000;">
  position</span>:<span style="color: #0000ff;"> absolute</span>;<span style="color: #ff0000;">
  width</span>:<span style="color: #0000ff;"> 0.5em</span>;<span style="color: #ff0000;">
  height</span>:<span style="color: #0000ff;"> 0.5em</span>;<span style="color: #ff0000;">
  top</span>:<span style="color: #0000ff;"> 0</span>;<span style="color: #ff0000;">
  bottom</span>:<span style="color: #0000ff;"> 0.8em</span>;<span style="color: #ff0000;">
  left</span>:<span style="color: #0000ff;"> 0</span>;<span style="color: #ff0000;">
  right</span>:<span style="color: #0000ff;"> 0</span>;<span style="color: #ff0000;">
  margin</span>:<span style="color: #0000ff;"> auto auto</span>;<span style="color: #ff0000;">
  border-radius</span>:<span style="color: #0000ff;"> 50%</span>;<span style="color: #ff0000;">
  background-color</span>:<span style="color: #0000ff;"> red</span>;<span style="color: #ff0000;">
text-indent</span>:<span style="color: #0000ff;"> -300em</span>;
}<span style="color: #800000;">
.center-display:nth-child(2) .object</span>{<span style="color: #ff0000;">
  bottom</span>:<span style="color: #0000ff;"> 0</span>;
}
Copier après la connexion
View Code

居中和偏上一点点的代码，你能看出哪个是真真的放在中心吗？

Get busy living, or get busy dying.
Étiquettes associées：
CSS揭秘，切图01
source：php.cn
Article précédent：javascript进阶-原型prototype Article suivant：《深入理解bootstrap》读书笔记：第4章 CSS组件（上）
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2240
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2380
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1989
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1877
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1947
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal