diff --git a/08-综合练习/网站内容搜索/css/css.css b/08-综合练习/网站内容搜索/css/css.css new file mode 100644 index 0000000..649f5e3 --- /dev/null +++ b/08-综合练习/网站内容搜索/css/css.css @@ -0,0 +1,49 @@ + *{ + margin: 0; + padding: 0; + } + #app{ + display: flex; + } + .search{ + margin: 50px 10px; + border: 1px solid gray; + width: 50%; + border-radius: 20px 20px 0 0; + display: flex; + height: 50px; + } + input{ + outline: none; + border: none; + flex: 1; + height: 50px; + margin: 0 20px; + font-size: 18px; + } + .size{ + font-size: 30px; + line-height: 50px; + margin: 0 2%; + } + ul{ + text-align: center; + list-style: none; + } + li{ + margin: 24px 0; + } + .list{ + border: 1px dashed gray; + } + .search,.list{ + flex: 1; + } + li{ + display: flex; + } + li>div{ + flex: 1; + text-align: center; + border-right: 1px dashed gray; + } \ No newline at end of file diff --git a/08-综合练习/网站内容搜索/index/index.html b/08-综合练习/网站内容搜索/index/index.html index 6062986..9ece07c 100644 --- a/08-综合练习/网站内容搜索/index/index.html +++ b/08-综合练习/网站内容搜索/index/index.html @@ -6,57 +6,7 @@