Adicionei uns parametros a mais com descrição e adicionei classes separadas, para dar cores diferentes.
A função border radius da forma a suas DIVS.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
|
div { display: inline-block; margin-left: 5px; border: 2px solid black; /*borda padrão das DIVs */ border-radius: 100%; /*da forma circular as DIVs */ width: 100px; /*largura das DIVs*/ height: 100px; /* altura das DIVs */ } .friend { border: 2px dashed green; } .family { border: 2px dashed #0000FF; } .enemy { border: 2px dashed #FF0000; } |
Segue também um link com vários tracejados que podemos usar, http://www.w3schools.com/cssref/playit.asp?filename=playcss_border-style&preval=none
Bom todos sabemos que o dreamweaver é um ótimo software e faz falta mesmo, mas seguindo o conceito e tentar não emular nada achei o Blue Grifon que tem a mesma função conhecida como WYSIWYG – “What You See Is What You Get” e quer dizer “O que você vê é o que você obtém”, ou seja, você pode desenvolver uma página web sem saber nada (ou quase nada) de HTML.
Em português não achei tutoriais para instalar no ubuntu 14.04 apenas até o 12 então segue um tutorial super simples.
|
$ wget -q -O - http://archive.getdeb.net/getdeb-archive.key | sudo apt-key add - $ sudo sh -c 'echo "deb http://archive.getdeb.net/ubuntu trusty-getdeb apps" >> /etc/apt/sources.list.d/getdeb.list' $ sudo apt-get update $ sudo apt-get install bluegriffon |
Para versão 12.04
How to install BlueGriffon 1.7.2 on Ubuntu 12.04 and derivatives:
|
$ wget -q -O - http://archive.getdeb.net/getdeb-archive.key | sudo apt-key add - $ sudo sh -c 'echo "deb http://archive.getdeb.net/ubuntu precise-getdeb apps" >> /etc/apt/sources.list.d/getdeb.list' $ sudo apt-get update $ sudo apt-get install bluegriffon |
Testado e aprovado na versão 14.04
3 FOTOS icone do software, ele em modo imagem e modo edição em código.



<!DOCTYPE html>
<html> <!–O tronco da árvore!–>
<head> <!–Filho de html, pai de title,
irmão de body–>
<title></title> <!–Filho imediato de head,
filho de head E html–>
</head>
<body> <!–Filho de html, pai de p,
irmão de head–>
<p></p> <!–Filho imediato de body,
filho de body E html–>
</body>
</html>
Gustavo Franco Pabx – Linux – Cisco – Juniper – Asterisk – VoIP – Redes – Telefonia