首頁(yè) 猿問(wèn) 我想知道如何實(shí)現(xiàn)這個(gè)效果用css

我想知道如何實(shí)現(xiàn)這個(gè)效果用css

Html/CSS

木漁人R3435218 2016-10-22 15:51:38

查看完整描述

2 回答

已采納

stone310

TA貢獻(xiàn)361條經(jīng)驗(yàn) 獲得超191個(gè)贊

<style>
????*{margin:0?;padding:0}
????.box?{
????????border:?2px?solid?#000000;
????????width:?400px;
????????height:?400px;
????????float:?left;
????}
????.box_content?{
????????border:?2px?solid?#7FFFD4;
????????width:?196px;
????????height:?196px;
????????margin:?100px;
????????position:?absolute;
????}
????.box_content?p?{
????????float:?left;
????}
????.box_top?{
????????width:?200px;
????????position:absolute;
????????border-left:?100px?solid?transparent;
????????border-right:?100px?solid?transparent;
????????border-top:?100px?solid?#1E74CC;
????}
????.box_bottom?{
????????width:?200px;
????????position:absolute;
????????border-left:?100px?solid?transparent;
????????border-right:?100px?solid?transparent;
????????border-bottom:?100px?solid?#7FFFD4;
????????top:?302px;
????}
????.box_left?{
????????float:left;
????????height:?200px;
????????border-left:?100px?solid?#8FBC8F;
????????border-bottom:?100px?solid?transparent;
????????border-top:100px?solid?transparent;
????}
????.box_right?{
????????float:right;
????????height:?200px;
????????border-right:?100px?solid?#DAA520;
????????border-bottom:?100px?solid?transparent;
????????border-top:100px?solid?transparent;
????}
</style>

反對(duì) 回復(fù) 2016-10-22

weibo_一臉懵逼Oo_04021341

TA貢獻(xiàn)8條經(jīng)驗(yàn) 獲得超0個(gè)贊

??<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8"?/>
<title></title>
<style>
div{float:left;margin-right:5px;}

.outset{padding:10px;border-bottom:10px?outset?red;background:white;}
.outset{padding:10px;border-top:?10px?outset?blue;background:white;}
.outset{padding:10px;border-left:?10px?outset?yellow;background:white;}
.outset{padding:10px;border-right:?10px?outset?green;background:white;}
</style>
</head>
<body>

<div>outset</div>
</body>
</html>

反對(duì) 回復(fù) 2016-10-24

2 回答
0 關(guān)注
1648 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

我想知道如何實(shí)現(xiàn)這個(gè)效果用css

我想知道如何實(shí)現(xiàn)這個(gè)效果用css

2 回答

相關(guān)問(wèn)題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

我想知道如何實(shí)現(xiàn)這個(gè)效果用css

我想知道如何實(shí)現(xiàn)這個(gè)效果用css

2 回答

相關(guān)問(wèn)題推薦

添加回答