十年網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無(wú)憂售后,網(wǎng)站問(wèn)題一站解決
首先,最簡(jiǎn)單的辦法是把寬和高設(shè)為相同的固定值。但是如果是采用自適應(yīng)布局的,比如正方形的寬是屏幕寬度的50%,則要這樣:
公司主營(yíng)業(yè)務(wù):網(wǎng)站制作、成都網(wǎng)站制作、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對(duì)我們的高要求,感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)公司推出尖草坪免費(fèi)做網(wǎng)站回饋大家。
div?style="width:50%;?height:50vw;?background-color:#f00"/div
唯一要注意的就是可能存在瀏覽器兼容問(wèn)題,不過(guò)我在手機(jī)微信內(nèi)置瀏覽器以及電腦的Chrome上測(cè)試都沒(méi)問(wèn)題
1、首先打開(kāi)hbuilder軟件,新建幾個(gè)默認(rèn)的復(fù)選框。
2、然后在上方的style標(biāo)簽設(shè)置input的樣式,先設(shè)置input的display屬性為none,將默認(rèn)的單選框去掉,在設(shè)置一下各個(gè)單選框的margin的距離。
3、接著在下方繼續(xù)設(shè)置樣式,設(shè)置label標(biāo)簽的before和after偽元素,將原有before的單選框選中狀態(tài)的屬性“checked+label”設(shè)置變?yōu)榧t色實(shí)心框,同時(shí)未選中的狀態(tài)的“l(fā)abel::after”為白色空心方框。
4、最后打開(kāi)瀏覽器,即可看到設(shè)置好的樣式,其中被選中的是紅色的實(shí)心方框,沒(méi)被選擇的則是沒(méi)有顏色的方框。
一個(gè)div,div class="square"/div
不設(shè)置背景色,只設(shè)置邊框,和寬高
.square{
width:100px;
height:100px;
border:1px solid red;
}
先畫(huà)一個(gè)圓,再畫(huà)一個(gè)旋轉(zhuǎn)45度的正方形,然后讓正方形定位到圓上面蓋住圓
如果你只要一條垂直線就設(shè)置這個(gè)DIV的邊框線樣式就可以了,樣式代碼:border-left:1px #000000 solid 這里的border-left是指這個(gè)DIV的左邊邊框,1px就是線的寬度,#000000是線的顏色(這里是黑色),solid是線的樣式(這里是實(shí)線),整個(gè)DIV的代碼可以這樣寫(xiě):div style="width:200px; height:500px; border-left:1px #000000 solid;"/div
如果僅僅是設(shè)置width 和 height的話,這個(gè)問(wèn)題就不用說(shuō)了,這里考慮的問(wèn)題主要是padding的百分比是相對(duì)于誰(shuí)來(lái)說(shuō)的
元素的padding 和 margin百分比都是想對(duì)應(yīng)父元素的width(父元素必須有width這個(gè)值 否則往上查找知道body)來(lái)說(shuō)的, 如下通用的css正方形方案
設(shè)置一個(gè)偽元素,偽元素用的是利用 padding-bottom撐起父元素的高度,padding相對(duì)高度為 父元素的 width