CSS京東代碼在線生成是一個非常好用的在線工具，它可以為我們提供快捷便利的CSS代碼生成功能，讓頁面美化變得更加高效和簡單。下面我們來看一下該工具使用的詳細步驟。

首先，打開CSS京東代碼在線生成的官網，選擇需要生成的樣式，比如常用的按鈕效果，然后在頁面上選擇對應的按鈕樣式參數，我們可以調整按鈕大小，邊框顏色等等，通過不斷地調節我們可以找到最合適的方案。

接下來，我們就可以看到右側欄中自動生成的CSS代碼，此時我們需要將這些代碼復制到代碼編輯器中，然后在自己的網站中使用。這樣可以大大提升頁面的美觀度，同時加速我們的開發效率。

.btn{
text-align:center;
vertical-align:middle;
line-height:38px;
display:inline-block;
margin:0;
padding:0 15px;
height:38px;
border-radius:3px;
border:1px solid #dadada;
background-color:#f4f4f4;
font-size:14px;
font-weight:400;
color:#666;
cursor:pointer;
-webkit-user-select:none;
user-select:none;
white-space:nowrap
}
.btn-primary{
border:1px solid #1e9fff;
background-color:#1e9fff;
color:#fff
}
.btn-primary:hover{
background-color:#49a9ee;
border:1px solid #49a9ee;
color:#fff
}
.btn-primary:active{
background-color:#0c80df;
border:1px solid #0c80df;
color:#fff
}

以上就是使用CSS京東代碼在線生成的具體步驟，當然，該工具還支持更多其他樣式效果的生成，比如表格樣式，導航欄樣式等等，我們可以根據自己的需要進行選擇使用。

總而言之，CSS京東代碼在線生成是一個非常實用的網頁美化工具，我們用它可以快速的生成各種樣式效果，從而讓我們的網頁更加的美觀和實用。