返回列表 發帖

Rank: 7Rank: 7Rank: 7
1# 跳轉到 » 倒序看帖
打印
tT
陳育霖發表於 2023-8-29 11:02 | 只看該作者

Box Model 設計-邊框練習(三)

請利用 border-slice 將圖片(一)製作成圖片(二)的效果
圖片(一)

圖片(二)

本帖隱藏的內容需要回復才可以瀏覽
附件: 您需要登錄才可以下載或查看附件。沒有帳號？註冊
收藏 分享

Rank: 1
2#
蔡幸融發表於 2023-8-29 17:29 | 只看該作者
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <style>
  5.             .imgborder{
  6.                 border: solid 30px;
  7.                 border-image-source: url(borderfig.png);
  8.                 border-image-slice: 44;
  9.             }
  10.         </style>
  11.     </head>
  12.     <body>
  13.         <div class="imgborder">
  14.             123456789
  15.         </div>
  16.     </body>
  17. </html>
複製代碼

TOP

返回列表