摹客是一款非常實用的工具，可以幫助前端開發者快速生成 CSS 樣式。下面我們來看一下摹客生成 CSS 樣式的過程。

首先，我們需要在摹客中打開一個項目。在項目中，我們可以通過拖拽的方式將需要的元素放入到頁面中。在放置元素的過程中，我們可以設置它們的屬性，例如寬度、高度、顏色、字體等等。

當所有的元素都放置完畢后，我們可以點擊摹客界面右下角的 Generate 按鈕來生成 CSS 代碼。

.btn {
padding: 0 20px;
height: 40px;
border-radius: 20px;
border: none;
color: #fff;
font-size: 14px;
font-weight: bold;
background-color: #2196f3;
text-align: center;
line-height: 40px;
}

生成的代碼會自動復制到剪貼板中，我們只需要將其粘貼到代碼中即可。

此外，摹客還提供了一些其他的功能，例如復制單個屬性、復制多個屬性以及直接復制元素的 HTML 等等。這些功能都可以幫助我們更加快速地生成代碼，提高開發效率。

總之，摹客是一款非常實用的前端開發工具，可以大大提高我們的工作效率。希望大家能夠善用它，為自己的開發工作帶來更高的效率和更好的體驗。