用css畫一輛小汽車

2021-08-01 21:26:53 字數 1783 閱讀 1318

跟著網上的demo敲出了一輛小汽車。

div>這是由乙個乙個的i標籤組成的,我們給所有的i標籤設定相同的css屬性:

display

: block;

font-size

: 0;

line-height

: 0;

border-style

: solid;

border-color

: #000000;

然後根據不同的i標籤的位置不同,做出不一樣的效果,難點在車的兩個燈,是在i標籤裡面巢狀了i標籤,最裡面的i標籤設定為白色的樣式:

車燈:

width

: 5px;

height

: 3px;

left

: -1px;

top: 1px;

background

: #ffffff;

border

: 0;

position

: absolute;

車窗部分是用padding撐開:

車窗

width

: 31px;

height

: 1px;

margin

: 05px;

border-width

: 02px 0

3px;

這個demo其實沒有難的技術可言,比較有創新、新意,所以拿來試著敲敲。

用繼承和組合的知識構造一輛汽車,功能需求見注釋

package com.summer 0425.cn author summer 需求分析 發動機engine 啟動start 停止stop 輪子wheel 充氣inflate int 容量 車窗window 開roolup 降rooldown 車門door 開open 關close 門上有窗 汽車...

同悅rs 安徽第一輛車 江淮汽車

砥礪前行五十六載,江淮汽車是安徽人心中的驕傲,因為是江淮汽車製造了安徽第一輛汽車。如今,江淮汽車又一次走在時代前沿,向著智慧型化 電動化汽車發起奮鬥。江淮汽車的歷史,最早可以追溯到 巢湖汽車配件廠 1962年,工廠才 落戶 合肥。1968年,第一輛皖產汽車從這裡誕生。這輛2.5噸載貨汽車填補了安徽 ...

小公尺第一輛汽車售價10 30萬?王化 系誤讀

小公尺創辦人 小公尺集團董事長兼ceo雷軍在小公尺春季新品發布會上宣布,小公尺進軍智慧型電動汽車行業。關於小公尺的第一輛汽車,廣大充滿期待,近日有訊息稱小公尺首輛汽車 在10萬 30萬之間。4月7日訊息,小公尺集團公關部王化表示,小公尺第一輛汽車售價在10萬 30萬之間系 誤讀。據悉,雷軍在昨天進行...