在现代化的移动互联网时代，我们时常需要快速地产生一些图形，例如在制作产品原型或流程图时，画画手机版是一个必不可少的辅助工具，而CSS代码软件则是一个非常实用的选择。

首先，我们需要选定一款适合的CSS代码软件，例如 CodePen、JSFiddle 或 CSSDeck。这些工具具有强大的在线编辑器，可以让我们即时生成、预览和调试 CSS、HTML 和 JavaScript 代码。

接下来，我们可以使用 CSS 中的各种属性和值，以及伪元素和伪类这些特性，来创造各种形状。例如，我们可以使用 border-radius 属性来创建一个圆形；使用 box-shadow 属性来模拟各种阴影和浮起效果；使用 transform 属性来实现各种旋转、缩放和倾斜效果；使用 transition 和 keyframes 属性来产生动画效果。

在 CSS 中，我们也可以使用伪元素和伪类来控制元素的样式。其中，伪元素用于向元素的某个部分添加样式，例如在一个按钮上添加角标效果；伪类用于向元素添加特殊的状态和特性，例如在一个链接上添加鼠标悬停效果。

/* 画一个圆形 */
div {
width: 100px;
height: 100px;
background-color: red;
border-radius: 50%;
}
/* 创建一个阴影和浮起效果 */
div {
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
transform: translate(0, -2px);
}
/* 产生一个动画效果 */
div {
transition: transform 0.3s ease-in-out;
}
div:hover {
transform: scale(1.2);
}
/* 向一个按钮添加角标 */
button:after {
content: "new";
background-color: yellow;
color: black;
border-radius: 3px;
font-size: 12px;
padding: 2px;
margin-left: 5px;
}
/* 在一个链接上添加悬停样式 */
a:hover {
color: blue;
text-decoration: underline;
}

总之，通过使用 CSS 代码软件，我们可以轻松快速地创造各种图形和样式，从而帮助我们更好地完成移动端的画画和设计工作。