HTML5+CSS3 创建网上书店界面

阅读: 评论:0

HTML5+CSS3 创建网上书店界面

HTML5+CSS3 创建网上书店界面

超链接的简单运用

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网上书店——火热开售【海量图书,欢迎选购】</title><style>body{background: #e5ede2;}body,nav,ul,li{	margin:0;padding: 0}nav{	background-color: #9194b5;height:50px;/*导航栏为紫色,高度为50px,nav是块级元素*/}.menu,footer{	height:50px;width:900px;margin:0 auto;}/*列表为900px宽,高度与导航背景一致*/#nav_top ul li{font-size: 1.2em;font-weight: 700;float:left;padding-left: 3px;margin:18px 25px 0 0;/*空格表示选择了nav_top下的ul下的li里的内容,以及ul和li都是块级元素。有12个li就是有12个小盒子,padding-left就是把li盒子内部左边撑大3px。margin就是12个li盒子与外面的ul盒子之间的距离*/color:#fff;list-style: none;text-shadow: 2px 0 3px #66687f;}#nav_top #nav_n{font-size:1.8em;margin:10px 30px 0 0;}/*如果不写前面的#nav_top样式就不起作用 (?)*/#nav_top ul li:hover{color:#f5f5f5;text-shadow: 1px 0px 2px #f7f7f7;}#img1{height: 430px;width:900px;margin:0 auto 20px auto;border:2px solid #fff;text-align: center;}/*这里是设置div盒子的宽高*/.zhong{color:#fff;border-radius: 60px 60px 0 60px;background-color: #606184;font-size: 1.2em;}#main_bt h1{text-align: center;color: #606184;}#tubiao{width:900px;height:700px;background-color: #fff;border-radius: 40px;border:#606184 dotted 2px;margin: 0 0 38px 156px;}/*设置ul的宽高,margin设置ul居中*/#tubiao li{display: inline-block;width

本文发布于:2024-02-08 19:53:28,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170739335868533.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:界面   书店   网上
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23