Filoweb.it

DIV che cambiano quando clicco sul link associato


FB TW G+ whatsapp RSS FEED News letter
CSS
DIV che cambiano quando clicco sul link associato


  <!DOCTYPE HTML>
<html>
<head>
<title>Pseudo-classi - Target -</title>
<style>

  div {margin: 20px; text-align:justify; border: 1px solid #ccc; }
  div:target { border: 3px solid red; }

</style>
</head>
<body>
<ul>
  <li><a href=" #div1" >Div1</a></li>
  <li><a href=" #div2" >Div2</a></li>
  <li><a href=" #div3" >Div3</a></li>
  <li><a href=" #div4" >Div4</a></li>
</ul>

<div id=" div1" ><p>Lorem ipsum dolor sit amet consectetuer massa eros nibh libero Nam. Justo Vestibulum Nulla faucibus semper Nulla laoreet Suspendisse dui ut laoreet. Nam orci orci dictumst rutrum nulla non urna risus sapien wisi. Curabitur mi felis pretium rutrum gravida eros nec lorem consectetuer vel. Massa laoreet ipsum mauris nunc scelerisque Curabitur Nulla elit Quisque.</p></div>
<div id=" div2" ><p>Sit et et scelerisque Phasellus Phasellus sed Nam sollicitudin mauris Curabitur. Et Vestibulum velit tempor Nulla ipsum molestie consequat consequat est magnis. Libero Curabitur eu metus iaculis tortor ante semper nulla lacus nisl. Vitae tempus turpis tellus tempus a Vestibulum ut In et eros. Sociis nascetur Ut egestas Vestibulum lobortis accumsan.</p></div>
<div id=" div3" ><p>Adipiscing eros quis eu fringilla velit libero interdum auctor ac Vivamus. Velit orci ante In Morbi ante velit enim sem non interdum. Eget Morbi libero consequat cursus Pellentesque libero aliquam ac Sed Proin. Ac auctor lacus id orci quam enim Vestibulum enim orci euismod. Tristique Suspendisse interdum adipiscing non interdum ornare adipiscing Curabitur Aenean id. Tincidunt adipiscing id ut quis ligula lacinia condimentum Aenean elit tortor. Congue dis.</p></div>
<div id=" div4" ><p>Condimentum Vivamus iaculis laoreet euismod elit ante fringilla habitant neque consectetuer. Ornare magna sagittis eget orci Donec ullamcorper aliquet Nullam leo quis. Morbi est justo justo libero nibh velit Lorem mauris congue wisi. Lobortis rhoncus tincidunt lacus lacus Donec libero ornare Curabitur condimentum enim. Turpis tellus convallis non Curabitur wisi eros neque Fusce ut ut. </p></div>
</body>
</html> 
FB TW G+ whatsapp RSS FEED News letter

filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito.
FILOWEB.it Piccolo quaderno degli appunti. Argomento: CSS, Titolo:DIV che cambiano quando clicco sul link associato. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it