時(shí)間：2023-06-11 23:06:02 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-06-11 23:06:02 來源：網(wǎng)站運(yùn)營
HTML+CSS個(gè)人電影網(wǎng)頁設(shè)計(jì)——電影從你的全世界路過(4頁)帶音樂特效：HTML實(shí)例網(wǎng)頁代碼, 本實(shí)例適合于初學(xué)HTML的同學(xué)。該實(shí)例里面有設(shè)置了css的樣式設(shè)置，有div的樣式格局，這個(gè)實(shí)例比較全面，有助于同學(xué)的學(xué)習(xí),本文將介紹如何通過從頭開始設(shè)計(jì)個(gè)人網(wǎng)站并將其轉(zhuǎn)換為代碼的過程來實(shí)踐設(shè)計(jì)。@TOC
在線咨詢
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="css/style.css" rel="stylesheet" /><title>從你的全世界路過</title></head><body><embed src="music/music.mp3" width="0" height="0"></embed><div class="con"> <div class="head"> <div class="logo"> <h1>從你的全世界路過電影</h1> </div> <div class="nav"> <ul> <li><a href="index.htm">首 頁</a></li> <li><a href="page1.htm">角色介紹</a></li> <li><a href="page2.htm">幕后花絮</a></li> <li><a href="page3.htm">影片評(píng)價(jià)</a></li> </ul> </div> <div class="clear"></div> </div> <div class="clear"></div> <div class="lunbo"><a href="#"><img src="images/d1.jpg" width="1024"/></a></div> <div class="clear"></div> <div class="main"> <h2>從你的全世界路過簡介</h2> <p>《從你的全世界路過》是由光線傳媒出品的愛情片，由張一白執(zhí)導(dǎo)，鄧超、張?zhí)鞇邸装俸?、楊洋、岳云鵬主演。<br /> 該片改編自張嘉佳同名小說，由光線影業(yè)有限公司出品。電影講述了DJ陳末和一群朋友的都市情感故事。</p> <h2>劇情介紹</h2> <div><br /> 電影《從你的全世界路過》劇照<br /> 電影《從你的全世界路過》劇照(11張)<br /> <p>陳末（鄧超飾）被稱為全城最賤，每天和王牌DJ小容（杜鵑飾）針鋒相對(duì)，誰也不知道他們的仇恨從何而來。陳末的兩個(gè)兄弟，分別是全城最傻的豬頭（岳云鵬飾），全城最純的茅十八（楊洋飾），三人每天橫沖直撞，以為可以自在生活，結(jié)果都面臨人生最大的轉(zhuǎn)折點(diǎn)。陳末相遇了最神秘的幺雞（張?zhí)鞇埏棧?，豬頭打造了最慘烈的婚禮，茅十八經(jīng)歷了最悲傷的別離，這群人的生活一點(diǎn)點(diǎn)崩塌，往事一點(diǎn)點(diǎn)揭開。夢想，愛情，友情都離陳末遠(yuǎn)去。一個(gè)失去所有的人，已經(jīng)弄丟自己的路，直到聽到來自全世界的一段語音 。<br /> </div> <p></p> <p></p> <p></p> <h2>電影片段</h2> <div class="main_list"> <ul> <li><a href="#"><img src="images/q1.jpg" /></a></li> <li><a href="#"><img src="images/q2.jpg" /></a></li> <li><a href="#"><img src="images/q3.jpg" /></a></li> <li><a href="#"><img src="images/q4.jpg" /></a></li> <li><a href="#"><img src="images/q5.jpg" /></a></li> <li><a href="#"><img src="images/q6.jpg" /></a></li> <li><a href="#"><img src="images/q7.jpg" /></a></li> <li><a href="#"><img src="images/q8.jpg" /></a></li> <li><a href="#"><img src="images/q9.jpg" /></a></li> <li><a href="#"><img src="images/q10.jpg" /></a></li> </ul> </div> </div> <div class="clear"></div> <div class="foot"> <p>版權(quán)所有：從你的全世界路過電影</p> <p>All Rights Reserved</p> </div> <div class="clear"></div></div></body></html>/*----------------------common-------------------------*/*{ margin:0; padding:0; font-family:Microsoft YaHei;}.clear{ clear:both;}.fl{ float:left;}.fr{ float:right;}img{ border:none;}a{ text-decoration:none;}a:hover{ text-decoration:underline;}li{ list-style-type:none;}.ofh{overflow:hidden;}.center{ text-align:center;}.em{ text-indent:2em;}.p5{ padding:5px;}.pl50{ padding-left:50px;}body{ background-attachment: fixed; background-color: #000; background-image: url(../images/bj.jpg); background-repeat: no-repeat; background-position: center top;}/*----------------------con-------------------------*/.con{ width:960px; padding:20px; height:auto; margin:10px auto; background:#fff; background-color:rgba(255,255,255,0.8);-moz-border-radius:10px;border-radius:10px;}/*----------------head-----------------*/.head{ width:960px; height:auto; margin:auto;}.logo{ width:550px; height:60px;}.logo h1{ font-size:36px; line-height:60px; color:#300; font-family:黑體;}.nav{ width: 960px; height: 40px; margin: 5px auto; background-color: #000; -moz-border-radius: 5px; border-radius: 5px;}.nav ul{ padding-left:10px;}.nav li{ float:left; padding:5px 20px; }.nav li a{ font-size:20px; line-height:30px; color:#fff;}.nav li a:hover{ color:#fff; text-decoration:none;}.nav li:hover{ background-color:#f97255}.nav li:hover a{ color:#fff;}.lunbo{ width:960px; height:350px; margin:5px auto; overflow:hidden;-moz-border-radius:5px;border-radius:5px;}/*----------------main-----------------*/.main{ width:960px; height:auto; margin:10px auto; font-size:14px; line-height:24px; color:#555;}.main h2{font-size:18px; line-height:46px; color:#333;}.main p{font-size:14px; line-height:24px; color:#555; text-indent:2em;}.main_list{ width:960px; height:auto; }.main_list li{ width:150px;height:100px; float:left; margin:3px; border:2px solid #fff;}.main_list li:hover{border:2px solid #ffca2c;}.main_list li img{ width:150px; height:100px; }/*----------------foot-----------------*/.foot{ width:960px; height:50px; margin:10px auto; padding-top:10px; border-top:3px solid #600; text-align:center; font-size:14px; line-height:24px; color:#666;}.foot{ font-size: 14px; line-height: 24px; color: #CCC;}.con .main p img { float: right;}.con .main ul li { float: left; list-style-type: none; padding-left: 10px;}.con .main span { width: 300px; height: 200px; display: block; float: left; padding-left: 10px; padding-right: 5px; line-height: 30px;}.con .main ul li { float: left; height: auto; width: 170px; padding-left: 12px;}.con .main ul li p { font-size: 12px; color: #000;}【點(diǎn)贊收藏博文】 三連支持下吧，你的支持是我創(chuàng)作的動(dòng)力, 【觀注作者 |獲取更多源碼| 優(yōu)質(zhì)文章】。關(guān)鍵詞：電影,世界,設(shè)計(jì),路過,帶音
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
