在現代化的移動互聯網時代，我們時常需要快速地產生一些圖形，例如在制作產品原型或流程圖時，畫畫手機版是一個必不可少的輔助工具，而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 代碼軟件，我們可以輕松快速地創造各種圖形和樣式，從而幫助我們更好地完成移動端的畫畫和設計工作。