html css製作簡易版Baymax

2021-07-09 14:47:17 字數 1127 閱讀 3732

大白的簡易版如下,我用html+css來製作簡易版的大白。

直接給出**如下:

.body
就身體的這一段**而言,對形狀的控制是這幾句

width:320px;

height:260px; border-top-left-radius: 140px 150px;

border-top-right-radius: 140px 150px;

border-bottom-right-radius: 25px 80px;

border-bottom-left-radius: 25px 80px;
頭兩句是控制長和寬,後四句是分別對四個角進行處理,使其成為圓角。重點是對border-radius這個屬性的應用。就border-top-left-radius: 140px 150px;來說,它是對左上角進行處理,使得其形成的圓角是以140px為水平半徑,150為垂直半徑。其他三句意義與此相差不大。值得注意的是對邊角處理的這四句等價於border-radius:140px 140px 25px 25px/150px 150px 80px 80px,如果想詳細了解border-radius這一屬性的用法可以參考

依舊以body這一段css**來講解。先看box-shadow的使用方法:物件選擇器

box-shadow:inset -80px 0px 100px 0px #f0f0f0,

inset 80px 0px 100px 0px #f8f8f8;

這句的意思對照使用方法就很明了了,值得注意的是box-shadow是可以在裡面定義多個陰影的,並且一定用逗號分開。這裡我就是加了乙個內陰影和外陰影。並且這個屬性在不同的瀏覽器裡面的相容性不是很好,就分別用了帶有-moz和-webkit的字首,用以使用不同核心的瀏覽器。

是不是很像~~

檔案上傳簡易版

以下是index.jsp的核心 後台servlet核心 先獲取所接收檔案要儲存的路徑 string path getservletcontext getrealpath imgs 檔案上傳需要臨時目錄 如果不指定,那麼該目錄就是tomcat temp file tempdir new file d ...

許可權設定(簡易版)

我們有乙個表actions是用來設定對選單或者資料進行增刪改查,預覽審核等等許可權的二進位制值,許可權判斷採用二進位制比較,例如乙個使用者對入庫表的action二進位制值為110,10為預覽,110 10 010 那麼他有預覽的許可權 欄位名描述 menu name 選單名dataset name ...

簡易版推箱子

最近學了一些c語言的視覺化程式設計,因此編了小遊戲玩玩,途中也遇到了一些問題,要記得放的時候要把存在資料夾裡,這些可以只寫相對路徑,不然如果直接寫相對路徑而又忘記把放在資料夾裡就不能夠顯示出想要的結果。廢話了這麼多,是時候上 了 include include includeimage backim...