⑴ 怎樣製作小盒子
小盒子製作工序不復雜,需要的只是一張紙模和剪刀尺子之類的簡單工具,花上十幾二十分鍾,一個紙盒子就能出現在眼前。工具/原料剪刀,筆,雙面膠,紙卡。步驟/方法首先畫好紙模,這個是要做盒子的。把它剪下來。然後畫出頂部蓋子,正方形的邊長要比剛才的大一點,並剪下。把剪下的紙卡按下圖方法折。用膠水粘好。這樣小盒子就做好了。
⑵ 如何在做好的網頁中添加盒子模型
display:flex
單詞拼的可能不對,大概個意思有這個標識的就是盒子模型,建議你看下flex 的資料
⑶ 網頁設計怎麼建盒子
這是一個正在逐漸流行的創意的趨勢。事實上它非常容易實現,只需要增加了一個額外的元素和獨特的設計。讓我們看一下該如何實現立體盒子的效果吧,然後,我們將會給大家展示一些很好的例子。准備先准備好你的頁面和圖片,我們使用這張圖片:我們簡單的將HTML寫成這樣: <p id="container"> <img id="logo" src="logo.png" alt="Lee Munroe" /> </p>CSS樣式可能會是這個樣子的:body{background:#999;} #container{ width:960px; background:#fff; margin:20px auto; padding:10px; }下面是一個效果預覽:設置為相對定位當我們定位logo的時候,我們希望它的位置是相對於容器的,因此使用相對定位:#container{ width:960px; background:#fff; margin:20px auto; padding:10px; position:relative; }將它定位到盒子的外面現在你需要做的就僅僅是定位logo,將其水平定位,讓它從容器中突出出來。
⑷ 如何DIY製作小盒子方法圖解
將A4紙長邊對折,裁成兩半,一半用來折盒身,一半用來折盒蓋。
將長方形長邊對著自己,如果有有花面,有花面朝下。長方形上下對折,打開,留下長中線。
將上邊對齊中線折,打開留下1/4線。再將右下角對齊上邊折,壓出右上角平分線的上半部分,打開,可以看到角平分線和中線產生的交點,右半部分過交點向左折。
將右上角對齊1/4線下折,而右下角也對齊1/4線上折,打開。
將上面1/4長條向下折,將小矩形的上邊沿摺痕向右拉,得到這樣的圖形。
把小矩形中間的長條部分向上折,下部的斜摺痕對齊中線壓平。
下面的摺痕保持不動,上面部分的邊下拉出直角,壓平,再把中間凸起的部分壓到長條下面,把長條向下翻到背面。
翻一面,將矩形右邊對齊左邊折,右下角對齊中線折,沿折出三角形的垂直邊將右半部分翻折向左,留下摺痕後打開,這樣左右兩邊都形成一個矩形部分。
⑸ coreldraw怎麼製作盒子
coreldraw繪制立體包裝盒的方法如下:
步驟1、用矩形工具畫出一個矩形圖。
步驟2、選擇矩形圖,按住Ctrl鍵,向上翻轉矩形圖,點擊滑鼠右鍵,復制出一個矩形圖。
步驟3、向下壓縮矩形圖的高度,點擊矩形圖,向右拉動中間的雙箭頭圖標,使矩形變成平行四邊形。
步驟4、右鍵點擊平行四邊形,選擇"轉換為曲線"。按F10(形狀工具),向右側稍微調整四邊形的左邊節點。這樣做是為了使盒子的透視感更准確(根據透視原理,兩條線必須要有滅點,即延伸以後必須相交,如果是平行四邊形的兩條邊是永遠不相交的,因此做立體圖時必須調整其中一條線)。
步驟5、選擇【查看】,勾選【對齊對象】和【對齊輔助線】。
步驟6、拉出一條輔助線貼齊平行四邊形的右側,然後根據步驟2的方法,向右翻轉並復制出一個矩形圖。
步驟7、再點擊一下右側的矩形圖,向上拉動中間的雙箭頭圖標並貼齊頂上的平行四邊形。
步驟8、按照步驟4的方法,向上調整右下角的節點,使其更具透視感。然後刪除輔助線。
步驟9、這時的盒子形狀已經出來,接下去就可對盒子進行顏色和圖案的填充,必要的時候還可以做出一些投影效果。
⑹ 如何用一張長方形的紙製作一個小盒子
1.一張紙中間對折再對折,打開,圖中畫了記號。
⑺ 怎麼做小盒子
1、白紙一張
⑻ 簡單的盒子怎麼做竅門
折紙盒子有很多種類型,這里的折紙盒子教程是最簡單的一種了,非常方便在家裡和辦公室裡面應急或是收納零碎的東西使用,簡單折紙盒子教程也可以作為一種兒童手工小製作的教程,平時的時候讓孩子自己製作這種折紙盒子,然後將自己的樂高玩具之類的收拾好也是很好的一種習慣的養成。
製作步驟:
第1步:
准備一張正方形的紙張來折疊折紙盒子
第2步:
先對邊對折做好摺痕之後打開
第3步:
把角折疊到中心交點的位置
第4步:
四個角都折疊到中點的位置
第5步:
把邊折到中間位置
第6步:
對邊也是同樣的折疊到中間
第7步:
打開
第8步:
然後兩個對角也打開
第9步:
把上面的邊折到中間
第10步:
下面的邊也同樣折到中間
第11步:
繼續進行折紙盒子的製作
第12步:
再向相反的方向折疊來製作摺痕
第13步:
打開前面折疊的部分
第14步:
然後就要開始按照前面的摺痕來做出折紙盒子的造型了
第15步:
三邊都已經有折紙盒子的樣子了
方法二
一、盒子
最簡單的一種:將牙膏盒或是點心盒的粘接處小心撕開,用自己喜歡的彩紙將兩面粘上,將原來是包裝的那一面折在裡面,再按紋路粘好。
另外一種復雜一點,就是拆開後用珠光指甲油在包裝光滑的那一面畫上喜歡的圖案,最後邊緣用絲帶或是水晶珠子包住。還有一種就是用蕾絲或是彩色的不織布做一個封套套住盒子。
二、做小包包
我的是用不織布做的,做成一個小熊的樣子。頭很大,身子很小,很卡哇伊。在背面頭和身子處剪一道縫,寬度是能塞進為准(小熊的頭和身子一定要用整片),再在小熊的尾巴處縫一個暗扣,將小熊的身子翻折上去,再訂一個暗扣。這樣,衛生巾裝進去後,再把熊熊的身子折上去,扣好,很可愛!完全看不出是裝那個的~別人還以為是零錢包哦~~~
⑼ 怎麼手工製作簡單又可愛的小盒子
主要材料
:
泡沫塊,空盒子一個,填充棉少量,棉布一小塊,不織布一塊
。
所需工具:
美工刀,直尺
,膠水
,棉線
,剪刀
,縫紉針。
製作步驟:
第1步:
選一個空盒子,尺寸大概是16x12.5x6。
第2步:
首先做一個底面。
第3步:
剪一塊與盒子底部尺寸相符的紙板。
第4步:
在紙板上粘上棉花。
第5步:
然後用棉布粘起來。
第6步:
把底襯做好。
第7步:
選一塊與盒子顏色相近的不織布,寬為盒子的寬度,鋪上棉花
第8步:
然後捲起來,用針線固定好,一共做了四個,每一個都差不多粗,比女生大拇指稍粗。
第9步:
用刀將泡沫塊割成想要的大小(就是四根棉棒放進盒子以後還剩餘的空間)。
第10步:
最後將四根棉棒與泡沫塊一起放進盒子里就大功告成了。
⑽ 網頁設計css盒子模型代碼
CSS盒子模型
CSS 盒子模型(Box Model)
所有HTML元素可以看作盒子,在CSS中,"box model"這一術語是用來設計和布局時使用。
CSS盒模型本質上是一個盒子,封裝周圍的HTML元素,它包括:邊距,邊框,填充,和實際內容。
盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。
下面的圖片說明了盒子模型(Box Model):
不同部分的說明:
Margin(外邊距)- 清除邊框外的區域,外邊距是透明的。
Border(邊框)- 圍繞在內邊距和內容外的邊框。
Padding(內邊距)- 清除內容周圍的區域,內邊距是透明的。
Content(內容)- 盒子的內容,顯示文本和圖像。
為了正確設置元素在所有瀏覽器中的寬度和高度,你需要知道的盒模型是如何工作的。
元素的寬度和高度
重要:當您指定一個 CSS 元素的寬度和高度屬性時,你只是設置內容區域的寬度和高度。要知道,完整大小的元素,你還必須添加內邊距,邊框和邊距。
下面的例子中的元素的總寬度為300px:
實例
div {
width: 300px; border: 25px solid green; padding: 25px; margin: 25px;}
嘗試一下 »
讓我們自己算算:
300px (寬)
+ 50px (左 + 右填充)
+ 50px (左 + 右邊框)
+ 50px (左 + 右邊距)
= 450px
試想一下,你只有250像素的空間。讓我們設置總寬度為250像素的元素:
實例
div {
width: 220px; padding: 10px; border: 5px solid gray; margin: 0;
}
嘗試一下 »
最終元素的總寬度計算公式是這樣的:
總元素的寬度=寬度+左填充+右填充+左邊框+右邊框+左邊距+右邊距
元素的總高度最終計算公式是這樣的:
總元素的高度=高度+頂部填充+底部填充+上邊框+下邊框+上邊距+下邊距
瀏覽器的兼容性問題
一旦為頁面設置了恰當的 DTD,大多數瀏覽器都會按照上面的圖示來呈現內容。然而 IE 5 和 6 的呈現卻是不正確的。根據 W3C 的規范,元素內容占據的空間是由 width 屬性設置的,而內容周圍的 padding 和 border 值是另外計算的。不幸的是,IE5.X 和 6 在怪異模式中使用自己的非標准模型。這些瀏覽器的 width 屬性不是內容的寬度,而是內容、內邊距和邊框的寬度的總和。
雖然有方法解決這個問題。但是目前最好的解決方案是迴避這個問題。也就是,不要給元素添加具有指定寬度的內邊距,而是嘗試將內邊距或外邊距添加到元素的父元素和子元素。
IE8 及更早IE版本不支持設置填充的寬度和邊框的寬度屬性。
解決IE8及更早版本不兼容問題可以在HTML頁面聲明 <!DOCTYPE html>即可。